A better mobile search bar

This commit is contained in:
Hamid Ahmadi 2024-07-30 11:33:41 +03:30 committed by GitHub
parent dfe948f609
commit 4a19306d33
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -354,19 +354,26 @@ input[type="search"]::-webkit-search-cancel-button {
} }
} }
.pure-button-primary, .pure-button-secondary{
margin:0
}
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.navbar { body{
flex-direction: column; width: calc(100vw + 1em);
} }
.navbar{
.navbar > div { height: 70px;
display: flex; }
justify-content: center; .navbar > .searchbar{
margin-bottom: 25px; position: absolute;
margin-top: 44px;
} }
.navbar > .searchbar > form { .navbar > .searchbar > form {
width: 75%; width: calc(100% - 1em);
}
.navbar > .searchbar > input {
margin:0;
background: #e7e7e7;
} }
h1 { h1 {