add fix width to searchbars and add transitions

This commit is contained in:
Gerome Matilla 2020-06-13 13:22:16 +08:00
parent 420c498723
commit f8e6377bb6
2 changed files with 6 additions and 2 deletions

View File

@ -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));
} }

View File

@ -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 {