The AtmosphereConf talks your skyline missed
Merge pull request #18 from musicjunkieg/fix/talks-scroll-perf
perf: eliminate scroll jank on /talks grid
authored by
chaos gremlin
and committed by
GitHub
dc12e406
729b724c
+10
-3
+7
src/app/globals.css
+7
src/app/globals.css
···
187
187
outline: 1px solid rgba(60, 74, 64, 0.15);
188
188
}
189
189
190
+
/* Offscreen LumeCards skip layout/paint entirely. The intrinsic size
191
+
reserves space so scrolling doesn't jump as cards render. */
192
+
.lume-card-contain {
193
+
content-visibility: auto;
194
+
contain-intrinsic-size: auto 280px;
195
+
}
196
+
190
197
/* ============================================
191
198
Animations
192
199
============================================ */
+3
-3
src/components/ui/lume-card.tsx
+3
-3
src/components/ui/lume-card.tsx
···
54
54
return (
55
55
<div
56
56
className={[
57
-
"group relative rounded-lg",
58
-
"bg-surface-container-low/60 backdrop-blur-[20px]",
57
+
"group relative rounded-lg lume-card-contain",
58
+
"bg-surface-container-low",
59
59
"border-t-2",
60
60
glow > 0.3
61
61
? "border-primary-fixed-dim"
62
62
: glow > 0
63
63
? "border-primary-fixed-dim/50"
64
64
: "border-primary-fixed-dim/20",
65
-
"transition-all duration-500",
65
+
"transition-[box-shadow,border-color,opacity] duration-500",
66
66
"hover:biolume-glow-strong hover:!opacity-100",
67
67
"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-fixed",
68
68
isUnderstory ? "animate-breathe" : "",