forked from extern/the-glorious-startpage
add fix width to searchbars and add transitions
This commit is contained in:
parent
420c498723
commit
f8e6377bb6
@ -15,7 +15,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#searchBox {
|
#searchBox {
|
||||||
width: 30vw;
|
width: 350px;
|
||||||
height: 48px;
|
height: 48px;
|
||||||
|
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
@ -36,6 +36,8 @@
|
|||||||
|
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 24px;
|
border-radius: 24px;
|
||||||
|
|
||||||
|
transition: all var(--transition-speed);
|
||||||
|
|
||||||
backdrop-filter: blur(var(--blur-strength));
|
backdrop-filter: blur(var(--blur-strength));
|
||||||
}
|
}
|
||||||
|
@ -76,9 +76,11 @@
|
|||||||
border: none;
|
border: none;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
|
|
||||||
width: 25%;
|
width: 225px;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
|
transition: all var(--transition-speed);
|
||||||
}
|
}
|
||||||
|
|
||||||
#webMenuSearchBox::placeholder {
|
#webMenuSearchBox::placeholder {
|
||||||
|
Loading…
Reference in New Issue
Block a user