[frontend/components] Properly limit global dialog max width on mobile
This commit is contained in:
parent
d7ec77f8e1
commit
4266629302
4 changed files with 24 additions and 0 deletions
|
@ -40,4 +40,10 @@
|
||||||
.confirm-btn {
|
.confirm-btn {
|
||||||
background: var(--accent-color);
|
background: var(--accent-color);
|
||||||
color: var(--font-color);
|
color: var(--font-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1000px) {
|
||||||
|
.confirm {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
|
@ -33,4 +33,10 @@
|
||||||
.confirm-btn {
|
.confirm-btn {
|
||||||
background: var(--accent-color);
|
background: var(--accent-color);
|
||||||
color: var(--font-color);
|
color: var(--font-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1000px) {
|
||||||
|
.notice {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
|
@ -45,4 +45,10 @@
|
||||||
.submit-btn[disabled] {
|
.submit-btn[disabled] {
|
||||||
opacity: 0.4;
|
opacity: 0.4;
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1000px) {
|
||||||
|
.prompt {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
|
@ -36,4 +36,10 @@
|
||||||
.submit-btn {
|
.submit-btn {
|
||||||
background: var(--accent-color);
|
background: var(--accent-color);
|
||||||
color: var(--font-color);
|
color: var(--font-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1000px) {
|
||||||
|
.select {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Add table
Reference in a new issue