From f50adcb5760a56a192bdb6d0a4c95246cad5cb7e Mon Sep 17 00:00:00 2001
From: study2895 <144806675+study2895@users.noreply.github.com>
Date: Wed, 11 Dec 2024 05:55:07 +0900
Subject: [PATCH] =?UTF-8?q?[Style]=20=EB=A9=94=EC=9D=B8=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EC=A3=BC=EC=84=9D=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/mainpage/MainpageView.vue | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/views/mainpage/MainpageView.vue b/src/views/mainpage/MainpageView.vue
index f1724f9..6cc791c 100644
--- a/src/views/mainpage/MainpageView.vue
+++ b/src/views/mainpage/MainpageView.vue
@@ -111,7 +111,6 @@ import commentIcon from '@/assets/Icons/akoming/todo/comment.svg'
 import akofolioIcon from '@/assets/Icons/akoming/todo/akofolio.svg'
 import SkeletonMainPage from './SkeletonMainPage.vue'
 
-// Tasks for the to-do list
 const tasks = ref([
   { name: '아코밍 출석', completed: false },
   { name: '아코자국', completed: false },
@@ -119,7 +118,6 @@ const tasks = ref([
   { name: '아코폴리오', completed: false }
 ])
 
-// 스탬프 상태 정의
 const stamps = ref([
   {
     label: 'A',
@@ -193,7 +191,6 @@ const fetchQuestStatus = async () => {
   }
 }
 
-// Functions to get icons based on task name and completion status
 const getCompletedStampIcon = (label) => {
   return require(`@/assets/Icons/akoming/stamp/color/color${label.toLowerCase()}.svg`)
 }
@@ -217,7 +214,6 @@ const getTaskIcon = (taskName) => {
   }
 }
 
-// onMounted에서 호출하여 초기 데이터 로드
 onMounted(() => {
   fetchQuestStatus()
 })
@@ -230,11 +226,11 @@ onMounted(() => {
   font-family: 'NanumSquareRound', sans-serif;
   display: flex;
   justify-content: center;
-  overflow-x: hidden; /* 좌우 스크롤 제거 */
+  overflow-x: hidden;
 }
 
 .mobile-container {
-  width: 100%; /* 화면 크기에 맞게 조정 */
+  width: 100%;
   max-width: 395px;
   min-width: 340px;
   background-color: #fae8da;