From 2421048f514564df52cb727a03b74df770626619 Mon Sep 17 00:00:00 2001 From: wish0ne Date: Sun, 10 Dec 2023 00:00:42 +0900 Subject: [PATCH] =?UTF-8?q?style:=20post=20=EB=AF=B8=EB=94=94=EC=96=B4=20?= =?UTF-8?q?=EC=BF=BC=EB=A6=AC=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Toc.tsx | 3 +++ src/pages/posts/{mdx.frontmatter__slug}.tsx | 3 +++ 2 files changed, 6 insertions(+) diff --git a/src/components/Toc.tsx b/src/components/Toc.tsx index 31a35b5..759a172 100644 --- 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 index 30d659d..64467a9 100644 --- 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) => { -webkit-backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.3); padding: 2rem; + @media (max-width: 768px) { + width: 100%; + } `} >