[Glitch] Fix design of search bar on explore screen in light theme in web UI

Port bf7917482985f643debb59bb76e4fe24f59040e3 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
Eugen Rochko 2024-12-09 10:19:00 +01:00 committed by Claire
parent 0bf4d49166
commit 1da3010ffd

View File

@ -9059,10 +9059,10 @@ noscript {
} }
.explore__search-header { .explore__search-header {
background: darken($ui-base-color, 4%);
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: 15px; padding: 16px;
padding-bottom: 8px;
.search { .search {
width: 100%; width: 100%;
@ -9071,7 +9071,7 @@ noscript {
.search__input { .search__input {
border: 1px solid var(--background-border-color); border: 1px solid var(--background-border-color);
padding: 10px; padding: 12px;
padding-inline-end: 30px; padding-inline-end: 30px;
} }
@ -9080,8 +9080,8 @@ noscript {
} }
.search .icon { .search .icon {
top: 9px; top: 12px;
inset-inline-end: 10px; inset-inline-end: 12px;
color: $dark-text-color; color: $dark-text-color;
} }
} }