Add content-visibility

sawyerh · Nov 25, 2024 · 9d8584d · 9d8584d
1 parent 81ca428
commit 9d8584d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/web/src/app/page.tsx b/web/src/app/page.tsx
@@ -40,7 +40,7 @@ const Page = async () => {
 			</h1>
 			<ul className="grid-cols-volumes grid gap-8">
 				{volumes.map((volume: Volume, index) => (
-					<li key={volume.id} className="pb-4">
+					<li key={volume.id} className="pb-4 content-auto">
 						<CoverLink priority={index < 10} volume={volume} />
 					</li>
 				))}

diff --git a/web/src/styles/globals.css b/web/src/styles/globals.css
@@ -65,3 +65,9 @@ mark,
 	background: #000;
 	color: #fff;
 }
+
+@layer utilities {
+	.content-auto {
+		content-visibility: auto;
+	}
+}