thallada/modmapper-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix searchbar styling

Browse Source
This commit is contained in:
Tyler Hallada 2022-03-14 23:42:09 -04:00
parent 621cb6a9f8
commit 8c86871723
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
styles/SearchBar.module.css
View File

@ -11,10 +11,16 @@
left: calc(50% - max(20vw, 125px)); left: calc(50% - max(20vw, 125px));
} }
@media only screen and (min-width: 600px) {
.search-bar.search-bar-sidebar-open { .search-bar.search-bar-sidebar-open {
left: calc(50% + 75px); left: calc(50% + 75px);
} }
.search-bar.search-bar-focused.search-bar-sidebar-open {
left: calc(50% - max(20vw, 125px) + 125px);
}
}
.search-bar input { .search-bar input {
width: 150px; width: 150px;
border-radius: 8px; border-radius: 8px;