fix: remove transform, use arcane glow bloom on hover instead

This commit is contained in:
MiTHRAL 2026-05-01 03:19:09 -04:00
parent 84607c2866
commit 82ce61ba16

View file

@ -252,16 +252,15 @@ body:has(#itemDetailPage) html::after,
z-index: 1; z-index: 1;
} }
/* Hover: zoom toward viewer + arcane glow */ /* Hover: arcane glow + deepen shadow (no transform — scroll container clips it) */
.card-hoverable:hover .cardScalable { .card-hoverable:hover .cardScalable {
transform: scale(1.05) !important; border-color: rgba(56, 189, 248, 0.6) !important;
border-color: rgba(56, 189, 248, 0.5) !important;
box-shadow: box-shadow:
0 0 0 1px rgba(255, 255, 255, 0.09) inset, 0 0 0 1px rgba(255, 255, 255, 0.1) inset,
0 0 20px rgba(56, 189, 248, 0.2), 0 0 12px 2px rgba(56, 189, 248, 0.25),
0 0 32px 4px rgba(56, 189, 248, 0.1),
0 8px 16px rgba(0, 0, 0, 0.5), 0 8px 16px rgba(0, 0, 0, 0.5),
0 32px 64px rgba(0, 0, 0, 0.55), 0 32px 64px rgba(0, 0, 0, 0.55) !important;
0 48px 80px rgba(0, 0, 0, 0.3) !important;
} }
/* Library cards (visualCardBox) */ /* Library cards (visualCardBox) */
@ -282,14 +281,13 @@ body:has(#itemDetailPage) html::after,
} }
.card-hoverable:hover .visualCardBox { .card-hoverable:hover .visualCardBox {
transform: scale(1.05) !important; border-color: rgba(56, 189, 248, 0.6) !important;
border-color: rgba(56, 189, 248, 0.5) !important;
box-shadow: box-shadow:
0 0 0 1px rgba(255, 255, 255, 0.09) inset, 0 0 0 1px rgba(255, 255, 255, 0.1) inset,
0 0 20px rgba(56, 189, 248, 0.2), 0 0 12px 2px rgba(56, 189, 248, 0.25),
0 0 32px 4px rgba(56, 189, 248, 0.1),
0 8px 16px rgba(0, 0, 0, 0.5), 0 8px 16px rgba(0, 0, 0, 0.5),
0 32px 64px rgba(0, 0, 0, 0.55), 0 32px 64px rgba(0, 0, 0, 0.55) !important;
0 48px 80px rgba(0, 0, 0, 0.3) !important;
} }
/* Frutiger Aero glassmorphism drawer */ /* Frutiger Aero glassmorphism drawer */