From 374ee82c766fb436bd8c60a839e320ce003a8ede Mon Sep 17 00:00:00 2001
From: Damillora <developer@damillora.com>
Date: Sat, 22 Feb 2025 17:28:48 +0000
Subject: [PATCH] fix: post page layouting

---
 web/app/src/routes/post/[id]/+page.svelte | 32 +++++++++++++----------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/web/app/src/routes/post/[id]/+page.svelte b/web/app/src/routes/post/[id]/+page.svelte
index 4a580fd..a158b3b 100644
--- a/web/app/src/routes/post/[id]/+page.svelte
+++ b/web/app/src/routes/post/[id]/+page.svelte
@@ -54,8 +54,8 @@
     let imagePercentage = $state("0%");
 </script>
 
-<div class="container">
-    <section class="section">
+<section class="section">
+    <div class="container">
         <div class="columns">
             <div class="column is-one-third">
                 {#if post}
@@ -90,9 +90,7 @@
                         </div>
                     {/if}
                 {:else}
-                    <div class="skeleton-block">
-
-                    </div>
+                    <div class="skeleton-block"></div>
                 {/if}
             </div>
             <div class="column box">
@@ -100,27 +98,33 @@
                     {#if post.width > 1000 && isOriginal == false}
                         <div class="notification is-info">
                             Resized to {imagePercentage} of the original image.
-                            <a onclick="{() => { isOriginal = true; }}"
-                                >View original</a
+                            <a
+                                onclick={() => {
+                                    isOriginal = true;
+                                }}>View original</a
                             >
                         </div>
                         <figure class="image">
-                            <ShiorikoImage alt={post.id} src={post.preview_path} />
+                            <ShiorikoImage
+                                alt={post.id}
+                                src={post.preview_path}
+                            />
                         </figure>
                     {:else}
                         <div class="notification is-primary">
                             Currently viewing original image.
                         </div>
                         <figure class="image">
-                            <ShiorikoImage alt={post.id} src={post.image_path} />
+                            <ShiorikoImage
+                                alt={post.id}
+                                src={post.image_path}
+                            />
                         </figure>
                     {/if}
                 {:else}
-                    <div class="skeleton-block">
-
-                    </div>
+                    <div class="skeleton-block"></div>
                 {/if}
             </div>
         </div>
-    </section>
-</div>
\ No newline at end of file
+    </div>
+</section>