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

Minor UI tweak

Browse Source
This commit is contained in:
sairaj mote 2023-11-30 03:05:10 +05:30
parent 314ad62005
commit 1dd2e99bd3
3 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/main.css
View File

@ -806,15 +806,12 @@ theme-toggle {
} }
#dapp_search_input { #dapp_search_input {
width: min(100%, 20rem); width: 100%;
--background: transparent; --background: transparent;
border: solid thin rgba(var(--text-color), 0.3); border: solid thin rgba(var(--text-color), 0.3);
border-radius: 0.5rem; border-radius: 0.5rem;
} }
#category_selector {
view-transition-name: category-selector;
}
#category_selector sm-chip { #category_selector sm-chip {
text-transform: capitalize; text-transform: capitalize;
} }
@ -955,6 +952,9 @@ theme-toggle {
display: grid; display: grid;
grid-template-columns: 12rem 1fr; grid-template-columns: 12rem 1fr;
} }
#dapp_search_input {
width: 20rem;
}
} }
@media only screen and (min-width: 1280px) { @media only screen and (min-width: 1280px) {
.page { .page {

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

6
css/main.scss
View File

@ -749,13 +749,12 @@ theme-toggle {
} }
} }
#dapp_search_input { #dapp_search_input {
width: min(100%, 20rem); width: 100%;
--background: transparent; --background: transparent;
border: solid thin rgba(var(--text-color), 0.3); border: solid thin rgba(var(--text-color), 0.3);
border-radius: 0.5rem; border-radius: 0.5rem;
} }
#category_selector { #category_selector {
view-transition-name: category-selector;
sm-chip { sm-chip {
text-transform: capitalize; text-transform: capitalize;
} }
@ -899,6 +898,9 @@ theme-toggle {
grid-template-columns: 12rem 1fr; grid-template-columns: 12rem 1fr;
} }
} }
#dapp_search_input {
width: 20rem;
}
} }
@media only screen and (min-width: 1280px) { @media only screen and (min-width: 1280px) {
.page { .page {