fix(skin): standardize backdrop-filter and fix minimal root sizing (#895)

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Sam Potts
2026-03-12 07:49:10 +11:00
committed by GitHub
co-authored by Claude Opus 4.6
parent 6fcb8eb989
commit 464d5e5fa2
11 changed files with 20 additions and 14 deletions
@@ -7,7 +7,7 @@ export const overlay = cn(
// Default: hidden
'opacity-0',
'bg-linear-to-t from-black/70 via-black/50 via-[7.5rem] to-transparent',
'backdrop-blur-none backdrop-saturate-120 backdrop-brightness-90',
'backdrop-blur-none backdrop-saturate-150',
// Transitions
'transition-[opacity,backdrop-filter] ease-out',
'duration-500 delay-500',
@@ -19,7 +19,7 @@ export const overlay = cn(
'peer-data-open/error:opacity-100',
'peer-data-open/error:duration-150',
'peer-data-open/error:delay-0',
'peer-data-open/error:backdrop-blur',
'peer-data-open/error:backdrop-blur-lg',
// Reduced motion
'motion-reduce:duration-100'
);
@@ -15,7 +15,7 @@ const base = cn(
export const popup = {
tooltip: cn(
base,
'px-2 py-1 rounded-sm shadow-md shadow-black/10 bg-white/10 backdrop-blur-3xl backdrop-saturate-150 backdrop-brightness-90 text-[0.75rem] whitespace-nowrap',
'px-2 py-1 rounded-sm shadow-md shadow-black/10 bg-white/10 backdrop-blur-lg backdrop-saturate-150 text-[0.75rem] whitespace-nowrap',
'[--media-tooltip-side-offset:0.5rem]'
),
volume: cn(base, 'py-2.5 px-1 rounded-full'),