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) {
.navbar {
flex-direction: column;
body{
width: calc(100vw + 1em);
}
.navbar > div {
display: flex;
justify-content: center;
margin-bottom: 25px;
.navbar{
height: 70px;
}
.navbar > .searchbar{
position: absolute;
margin-top: 44px;
}
.navbar > .searchbar > form {
width: 75%;
width: calc(100% - 1em);
}
.navbar > .searchbar > input {
margin:0;
background: #e7e7e7;
}
h1 {