Fix design of search bar on explore screen in light theme in web UI (#33224)

This commit is contained in:
Eugen Rochko 2024-12-09 10:19:00 +01:00 committed by GitHub
parent ab133c5e30
commit bf79174829
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -8643,10 +8643,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%;
@ -8655,7 +8655,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;
} }
@ -8664,8 +8664,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;
} }
} }