Move max-width to container

Verseghy · Nov 13, 2023 · a06271f · a06271f
1 parent aa477af
commit a06271f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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>