fix: resolve hidden body content issue on safari browser

moolmin · Nov 27, 2024 · c0658e6 · c0658e6
1 parent 1d94c8c
commit c0658e6
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 1 deletion.
diff --git a/next.config.mjs b/next.config.mjs
@@ -26,6 +26,7 @@ const nextConfig = withAntdLess({
             pathname: '/**',
           }
         ],
+        domains: ['cdn.qqqq.world'],
       },
     transpilePackages: ['antd', '@ant-design', 'rc-util', 'rc-pagination', 'rc-picker', 'rc-notification', 'rc-tooltip'],
     webpack: (config) => {

diff --git a/src/app/(pages)/4q-gallery/_components/item-card.tsx b/src/app/(pages)/4q-gallery/_components/item-card.tsx
@@ -88,6 +88,7 @@ export default function ItemCard({ item }: ItemCardProps) {
             src={item.url}
             alt="photo QR"
             onClick={showDrawer}
+            unoptimized
           />
         </div>
       </div>

diff --git a/src/app/(pages)/4q-gallery/_components/item-container.tsx b/src/app/(pages)/4q-gallery/_components/item-container.tsx
@@ -88,7 +88,7 @@ export default function Container({ category, tag, sort }: ContainerProps) {
           {isFetchingNextPage ? (
             <BounceDot option={loadingOption} />
           ) : (
-            <span> </span>
+            <span></span>
           )}
         </div>
       )}

diff --git a/src/app/layout.module.css b/src/app/layout.module.css
@@ -18,6 +18,7 @@
 
 .bodyContainer {
   height: calc(100vh - 60px);
+  height: calc(-webkit-fill-available - 60px);
   width: 100%;
   margin-top: 55px;
   overflow-y: auto;