dvorakmortonxd/dvorakmortonxd.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

frost the footer version pill so the border line stops cutting through it

Browse source
This commit is contained in:
Martin Dvořák 2026-09-30 22:09:18 +00:00
commit 0e96026330
1 changed files with 7 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/app/web.css
View file

@ -998,8 +998,14 @@ html[data-theme="web"][data-scheme="dark"] .heatmap-legend-cell[data-level="4"]
right: 18px;
padding: 3px 9px;
border-radius: 999px;
background: var(--glass-hi);
background-color: var(--glass-lo);
background-image: linear-gradient(155deg, var(--glass-hi), var(--glass-lo));
border: 1px solid var(--glass-border);
/* Frosted pill: blurs the footer's border line passing behind it so the two
stop visually colliding. */
-webkit-backdrop-filter: blur(14px) saturate(180%);
backdrop-filter: blur(14px) saturate(180%);
box-shadow: 0 6px 16px -12px rgba(0, 0, 0, 0.55);
font-size: 0.66rem;
font-weight: 700;
letter-spacing: 0.08em;