From 403585c91bb7886aae41bd66f43ab45acd0f17cd Mon Sep 17 00:00:00 2001
From: VnPower <vnpower@disroot.org>
Date: Tue, 17 Oct 2023 12:02:55 +0700
Subject: [PATCH] Fix: image grid and artwork page on mobile

---
 template/css/style.css  | 7 ++++++-
 template/css/style.scss | 7 ++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/template/css/style.css b/template/css/style.css
index ea72c23..f5a302d 100644
--- a/template/css/style.css
+++ b/template/css/style.css
@@ -265,6 +265,7 @@ nav .navigation-wrapper .sidebar .sidebar-list .sidebar-item img {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(199px, 1fr));
   align-items: center;
+  justify-items: center;
 }
 
 .artwork-container-scroll {
@@ -432,11 +433,15 @@ nav .navigation-wrapper .sidebar .sidebar-list .sidebar-item img {
 }
 .illust .illust-images {
   display: flex;
-  flex-flow: column wrap;
   align-items: center;
+  flex-direction: column;
+  width: 100%;
 }
 .illust .illust-images img {
   margin-top: 15px;
+  max-height: 1000px;
+  width: auto;
+  max-width: 100%;
 }
 .illust .illust-attr {
   display: flex;
diff --git a/template/css/style.scss b/template/css/style.scss
index 999f177..27defca 100644
--- a/template/css/style.scss
+++ b/template/css/style.scss
@@ -322,6 +322,7 @@ nav {
     minmax(calc($small-artwork-width + 15px), 1fr)
   );
   align-items: center;
+  justify-items: center;
 }
 
 .artwork-container-scroll {
@@ -493,11 +494,15 @@ nav {
 
   .illust-images {
     display: flex;
-    flex-flow: column wrap;
     align-items: center;
+    flex-direction: column;
+    width: 100%;
 
     img {
       margin-top: 15px;
+      max-height: 1000px;
+      width: auto;
+      max-width: 100%;
     }
   }