From 259fb4f401c58033c3afdce0fa5571d46a5577b2 Mon Sep 17 00:00:00 2001
From: Jake Mannens <jake@asger.xyz>
Date: Sat, 2 Sep 2023 11:18:45 +1000
Subject: Improved page layouts

---
 Pages/Gallery.razor | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

(limited to 'Pages/Gallery.razor')

diff --git a/Pages/Gallery.razor b/Pages/Gallery.razor
index b94c694..fafcb44 100644
--- a/Pages/Gallery.razor
+++ b/Pages/Gallery.razor
@@ -10,14 +10,16 @@
 
 <link rel="stylesheet" href="@(nameof(HyperBooru)).styles.css"/>
 
-@foreach(var media in Media) {
-    // Precalculate thumbnail size to help the browser
-    // lay out the images during initial page load
-    int width = media.Width * 200 / media.Height;
-    <a href="/ViewMedia?m=@(media.Guid)">
-        <img src="/media/thumb/@(media.Guid)?h=200" width=@width height="200"/>
-    </a>
-}
+<div id="gallery">
+    @foreach(var media in Media) {
+        // Precalculate thumbnail size to help the browser
+        // lay out the images during initial page load
+        int width = media.Width * 200 / media.Height;
+        <a href="/ViewMedia?m=@(media.Guid)">
+            <img src="/media/thumb/@(media.Guid)?h=200" width=@width height="200"/>
+        </a>
+    }
+</div>
 
 @code {
     [Parameter]
-- 
cgit v1.3