RanchiMall/btcwallet
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI fixes

Browse Source
This commit is contained in:
sairaj mote 2023-08-31 15:53:19 +05:30
parent 6d96f999ec
commit 09d4d82ea5
3 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
css/main.css
View File

@ -1125,6 +1125,7 @@ ol li::before {
flex-wrap: wrap; flex-wrap: wrap;
width: 100%; width: 100%;
align-items: start; align-items: start;
container: input-action/inline-size;
} }
.input-action-wrapper sm-input { .input-action-wrapper sm-input {
width: auto; width: auto;
@ -1133,10 +1134,18 @@ ol li::before {
} }
.input-action-wrapper button { .input-action-wrapper button {
min-width: 7rem; min-width: 7rem;
flex: 1;
min-height: 3.15rem; 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) { @media screen and (max-width: 40rem) {
#main_navbar.hide-away { #main_navbar.hide-away {
bottom: 0; bottom: 0;

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

11
css/main.scss
View File

@ -1035,6 +1035,7 @@ ol {
flex-wrap: wrap; flex-wrap: wrap;
width: 100%; width: 100%;
align-items: start; align-items: start;
container: input-action / inline-size;
sm-input { sm-input {
width: auto; width: auto;
flex: 1; flex: 1;
@ -1042,10 +1043,18 @@ ol {
} }
button { button {
min-width: 7rem; min-width: 7rem;
flex: 1;
min-height: 3.15rem; 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) { @media screen and (max-width: 40rem) {
#main_navbar { #main_navbar {
&.hide-away { &.hide-away {