searchbar cleanup

This commit is contained in:
2024-08-14 19:47:37 +03:00
parent ec7cb9d97b
commit 726f610bb1

View File

@@ -19,26 +19,25 @@
<style> <style>
.searchbar { .searchbar {
display: flex; display: flex;
align-items: center; align-items: center;
background-color: var(--col_panel_field);
border-radius: 30px;
width: auto; width: auto;
height: 36px; height: 36px;
padding: 10px; padding: 10px;
background-color: var(--col_panel_field);
border-radius: 30px;
} }
.searchbar__input { .searchbar__input {
border: none;
background-color: transparent;
color: var(--col_text_panel);
max-width: 200px; max-width: 200px;
font-size: 16px; font-size: 16px;
color: var(--col_text_panel);
background-color: transparent;
border: none;
} }
.searchbar__input:focus { .searchbar__input:focus {
@@ -50,7 +49,6 @@
} }
@media only screen and (max-width: 935px) { @media only screen and (max-width: 935px) {
.searchbar { .searchbar {
margin-left: auto; margin-left: auto;
} }
@@ -63,7 +61,6 @@
} }
@media only screen and (max-width: 730px) { @media only screen and (max-width: 730px) {
.searchbar { .searchbar {
margin-left: auto; margin-left: auto;
} }
@@ -73,11 +70,9 @@
.compact { .compact {
display: none; display: none;
} }
} }
@media only screen and (max-width: 506px) { @media only screen and (max-width: 506px) {
.searchbar { .searchbar {
margin-left: auto; margin-left: auto;
} }
@@ -88,5 +83,4 @@
display: flex; display: flex;
} }
} }
</style> </style>