ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/ReVanced/revanced-website.git synced 2026-01-10 21:26:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: improve visual feedback on search

Browse Source
This commit is contained in:
oSumAtrIX
2023-06-21 03:51:59 +02:00
parent c17e5535a6
commit 304799d9b5
1 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/lib/components/Search.svelte
View File

@@ -39,7 +39,7 @@
/>
</div>
<style>
<style lang="scss">
#search {
/* umm dont ask */
position: absolute;
@@ -73,6 +73,19 @@
border-radius: 100px;
border: none;
background-color: var(--grey-ten);
outline: none;
transition: background-color 0.3s var(--bezier-one);
&:hover {
background-color: var(--grey-three);
}
&:focus::placeholder {
color: var(--accent-color);
}
&:focus {
background-color: var(--bg-color);
}
}
input::placeholder {
@@ -81,13 +94,4 @@
font-weight: 500;
transition: all 0.2s var(--bezier-one);
}
input:focus {
outline: none;
}
input:focus::placeholder {
outline: none;
color: var(--accent-color);
}
</style>