mirror of
https://github.com/iv-org/invidious.git
synced 2025-07-29 16:58:30 +00:00
A better mobile search bar
This commit is contained in:
parent
dfe948f609
commit
4a19306d33
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user