diff options
| author | mat <github@matdoes.dev> | 2022-03-20 17:57:34 -0500 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-03-20 17:57:34 -0500 |
| commit | d71c36fda610550570daf64c808298c099505ad1 (patch) | |
| tree | d2145ae82b082593fed65540a1ab796e2fc463ff | |
| parent | e67c10ccfcfbc285e7c1fbda1a3ec5b9eeb65a19 (diff) | |
| download | skyblock-stats-d71c36fda610550570daf64c808298c099505ad1.tar.gz skyblock-stats-d71c36fda610550570daf64c808298c099505ad1.tar.bz2 skyblock-stats-d71c36fda610550570daf64c808298c099505ad1.zip | |
improve tooltip style
| -rw-r--r-- | src/lib/Tooltip.svelte | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/src/lib/Tooltip.svelte b/src/lib/Tooltip.svelte index 14fa90d..486ede4 100644 --- a/src/lib/Tooltip.svelte +++ b/src/lib/Tooltip.svelte @@ -35,8 +35,11 @@ opacity: 0; position: absolute; - background: var(--theme-lightest-background); + background: rgba(20, 20, 20, 0.9); border-radius: 0.25em; + + backdrop-filter: blur(0.2em); + bottom: 125%; color: var(--theme-main-text); margin-left: max(calc(-50% - 1em), -5em); @@ -56,7 +59,7 @@ } .tooltip-container:hover > .tooltip-content, .tooltip-container:focus > .tooltip-content { - opacity: 0.9; + opacity: 1; transform: scale(1) translateY(0); } |