Fix shortcuts button missing shadow

And move the menu offset a little
This commit is contained in:
Lim Chee Aun 2023-02-19 21:18:12 +08:00
parent 5c6c9a43f2
commit 8428ca232c
2 changed files with 3 additions and 3 deletions

View file

@ -7,10 +7,10 @@
padding: 16px;
background-color: var(--bg-faded-blur-color);
z-index: 101;
box-shadow: 0 3px 8px -1px var(--drop-shadow-color);
transition: all 0.3s ease-in-out;
border: var(--hairline-width) solid var(--bg-color);
box-shadow: inset 0 -4px 16px -8px var(--button-bg-blur-color);
box-shadow: inset 0 -4px 16px -8px var(--button-bg-blur-color),
0 3px 8px -1px var(--drop-shadow-color);
}
#shortcuts-button .icon {
transform: translateY(2px); /* Balance the icon's vertical alignment */

View file

@ -66,7 +66,7 @@ function Shortcuts() {
viewScroll="close"
boundingBoxPadding="8 8 8 8"
menuClassName="glass-menu shortcuts-menu"
offsetY={4}
offsetY={8}
position="anchor"
menuButton={
<button