UI fixes
This commit is contained in:
parent
6d96f999ec
commit
09d4d82ea5
11
css/main.css
11
css/main.css
@ -1125,6 +1125,7 @@ ol li::before {
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
align-items: start;
|
||||
container: input-action/inline-size;
|
||||
}
|
||||
.input-action-wrapper sm-input {
|
||||
width: auto;
|
||||
@ -1133,10 +1134,18 @@ ol li::before {
|
||||
}
|
||||
.input-action-wrapper button {
|
||||
min-width: 7rem;
|
||||
flex: 1;
|
||||
min-height: 3.15rem;
|
||||
}
|
||||
|
||||
@container input-action (max-width: 28rem) {
|
||||
sm-input {
|
||||
width: 100%;
|
||||
min-width: 16rem !important;
|
||||
}
|
||||
button {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 40rem) {
|
||||
#main_navbar.hide-away {
|
||||
bottom: 0;
|
||||
|
||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -1035,6 +1035,7 @@ ol {
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
align-items: start;
|
||||
container: input-action / inline-size;
|
||||
sm-input {
|
||||
width: auto;
|
||||
flex: 1;
|
||||
@ -1042,10 +1043,18 @@ ol {
|
||||
}
|
||||
button {
|
||||
min-width: 7rem;
|
||||
flex: 1;
|
||||
min-height: 3.15rem;
|
||||
}
|
||||
}
|
||||
@container input-action (max-width: 28rem) {
|
||||
sm-input {
|
||||
width: 100%;
|
||||
min-width: 16rem !important;
|
||||
}
|
||||
button {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 40rem) {
|
||||
#main_navbar {
|
||||
&.hide-away {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user