Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-06-13 05:37:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

web/SidebarTab: yet another attempt to fix blurriness on small res screens

Browse Source
This commit is contained in:
wukko
2024-07-12 17:06:05 +06:00
parent 27082cd725
commit 459c746dcc
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/components/sidebar/SidebarTab.svelte
View File

@ -26,6 +26,11 @@
$: if (isTabActive && tab) {
showTab(tab);
tab.classList.add("animate")
setTimeout(() => {
tab.classList.remove("animate")
}, 220)
}
</script>
@ -70,11 +75,14 @@
color: var(--sidebar-bg);
background: var(--sidebar-highlight);
opacity: 1;
animation: pressButton 0.2s;
transition: none;
transform: none;
}
:global(.sidebar-tab.animate) {
animation: pressButton 0.2s;
}
.sidebar-tab:active:not(.active) {
transform: scale(0.95);
}