style: post 미디어 쿼리 추가

wish0ne · Dec 9, 2023 · 2421048 · 2421048
1 parent 5286c72
commit 2421048
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/components/Toc.tsx b/src/components/Toc.tsx
@@ -45,6 +45,9 @@ const Toc = ({ tableOfContents }: Props) => {
         position: sticky;
         top: 10rem;
         align-self: flex-start;
+        @media (max-width: 768px) {
+          display: none;
+        }
       `}
     >
       {getSubItems(tableOfContents?.items, 0)}

diff --git a/src/pages/posts/{mdx.frontmatter__slug}.tsx b/src/pages/posts/{mdx.frontmatter__slug}.tsx
@@ -51,6 +51,9 @@ const BlogPost = ({ data, children }: PageProps<DataProps>) => {
             -webkit-backdrop-filter: blur(5px);
             border: 1px solid rgba(255, 255, 255, 0.3);
             padding: 2rem;
+            @media (max-width: 768px) {
+              width: 100%;
+            }
           `}
         >
           <h1