fix: sidebar search :focus border on Safari

* chore: add placeholder on sidebar search
* chore: modify input:focus border-color to adapting to global theme
This commit is contained in:
pacmandoh
2024-02-05 01:10:33 +08:00
committed by Hk-Gosuto
parent f76e47931f
commit 666c80456a
5 changed files with 17 additions and 3 deletions

View File

@@ -65,12 +65,11 @@
.sidebar-search-bar {
display: flex;
flex-direction: column;
margin-bottom: 10px;
margin-bottom: 15px;
.sidebar-search-bar-input {
position: relative;
width: 100%;
margin-bottom: 5px;
.search-icon {
position: absolute;
@@ -90,12 +89,17 @@
height: 16px;
}
input {
.search-input {
text-align: left;
max-width: 100%;
width: inherit;
padding-left: 35px;
padding-right: 35px;
outline: none;
}
.search-input:focus {
border: 1px solid var(--primary);
}
}