From 9b2876dca0ce98bacf44a1624f3b1711e434856f Mon Sep 17 00:00:00 2001
From: jayming66 <mjw8941@gmail.com>
Date: Thu, 24 Oct 2024 17:27:46 +0900
Subject: [PATCH] =?UTF-8?q?refactor(SourceCode):=20=EB=AA=A8=EB=B0=94?=
 =?UTF-8?q?=EC=9D=BC=20=ED=99=98=EA=B2=BD=EC=97=90=EC=84=9C=20=EC=BD=94?=
 =?UTF-8?q?=EB=93=9C=20font-size=20=EC=B6=95=EC=86=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/SourceCode/SourceCode.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/SourceCode/SourceCode.tsx b/frontend/src/components/SourceCode/SourceCode.tsx
index 10877e4a..89bdf692 100644
--- a/frontend/src/components/SourceCode/SourceCode.tsx
+++ b/frontend/src/components/SourceCode/SourceCode.tsx
@@ -39,8 +39,15 @@ const SourceCode = ({ mode = 'detailView', language, content, handleContentChang
       height={mode === 'thumbnailView' ? '10rem' : '100%'}
       minHeight={mode === 'edit' ? '10rem' : undefined}
       maxHeight={mode === 'edit' ? '40rem' : undefined}
-      style={{ width: '100%', fontSize: '1rem' }}
       css={{
+        width: '100%',
+        fontSize: '1rem',
+        '@media (max-width: 430px)': {
+          fontSize: '0.65rem',
+          '.cm-scroller': {
+            padding: '0px !important',
+          },
+        },
         minHeight: '160px',
         backgroundColor: `rgba(0, 0, 0, 0.1)`,
         '.cm-scroller': {