nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Make shortcuts button look even cooler

Browse source
This commit is contained in:
Lim Chee Aun 2023-02-19 00:08:37 +08:00
parent f0eb684412
commit 65c1af2eac
1 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/shortcuts.css
View file

@ -10,6 +10,7 @@
box-shadow: 0 3px 8px -1px var(--drop-shadow-color); box-shadow: 0 3px 8px -1px var(--drop-shadow-color);
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
border: var(--hairline-width) solid var(--bg-color); border: var(--hairline-width) solid var(--bg-color);
box-shadow: inset 0 -4px 16px -8px var(--button-bg-blur-color);
} }
#shortcuts-button .icon { #shortcuts-button .icon {
transform: translateY(2px); /* Balance the icon's vertical alignment */ transform: translateY(2px); /* Balance the icon's vertical alignment */
@ -21,7 +22,7 @@
user-select: none; user-select: none;
} }
#shortcuts-button:is(:hover, :focus) { #shortcuts-button:is(:hover, :focus) {
background-color: var(--button-color); background-color: var(--bg-color);
filter: none; filter: none;
} }
#shortcuts-button:active { #shortcuts-button:active {