fix(layout): some layout in mobile (#110)

Innei · Oct 11, 2023 · 43bf238 · 43bf238 · vercel · Oct 11, 2023
1 parent f9c969c
commit 43bf238
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx
@@ -217,7 +217,7 @@ const Welcome = () => {
 const PostScreen = () => {
   const { posts } = useHomeQueryData()
   return (
-    <Screen className="h-[120vh]">
+    <Screen className="h-fit min-h-[120vh]">
       <TwoColumnLayout leftContainerClassName="h-[30rem] lg:h-1/2">
         <m.h2
           initial={{

diff --git a/src/app/notes/[id]/page.module.css b/src/app/notes/[id]/page.module.css
@@ -57,6 +57,7 @@
       }
 
       @media screen and (max-width: 599px) {
+        max-width: 100vw;
         margin-left: -1.25em;
         margin-right: -1.25em;
         padding: 1em 3em;