From a06271fede83f01544a385893938b3dca399363f Mon Sep 17 00:00:00 2001
From: Szepesi Tibor <sztibi023@gmail.com>
Date: Mon, 13 Nov 2023 09:26:46 +0100
Subject: [PATCH] Move max-width to container

---
 src/components/ImageViewer.module.scss | 4 ----
 src/pages/Post.module.scss             | 5 +++++
 src/pages/Post.tsx                     | 4 +++-
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/ImageViewer.module.scss b/src/components/ImageViewer.module.scss
index e978dae..2949858 100644
--- a/src/components/ImageViewer.module.scss
+++ b/src/components/ImageViewer.module.scss
@@ -9,10 +9,6 @@
   position: relative;
   cursor: pointer;
 
-  // TODO: should be on a conaitner div
-  max-width: 770px;
-  margin: 0 auto;
-
   &:hover .right,
   &:hover .left {
     opacity: 1;
diff --git a/src/pages/Post.module.scss b/src/pages/Post.module.scss
index d3d7135..755d44c 100644
--- a/src/pages/Post.module.scss
+++ b/src/pages/Post.module.scss
@@ -86,3 +86,8 @@
     max-width: var(--content-page-width-wide);
   }
 }
+
+.image-viewer-container {
+  max-width: var(--content-page-width);
+  margin: 0 auto;
+}
diff --git a/src/pages/Post.tsx b/src/pages/Post.tsx
index 1adc721..39d435d 100644
--- a/src/pages/Post.tsx
+++ b/src/pages/Post.tsx
@@ -59,7 +59,9 @@ const PostPage: VoidComponent = () => {
           <img class={styles.indexImage} src={data()!.post.indexImage} alt="" />
           <PageRenderer content={data()!.post.content} />
           <Show when={!!images()}>
-            <ImageViewer images={images()} />
+            <div class={styles.imageViewerContainer}>
+              <ImageViewer images={images()} />
+            </div>
           </Show>
         </div>
       </Show>