fix(layout): 공개 페이지 2중 패딩 제거

- 레이아웃 그리드의 px만 남기고 메인/섹션의 중복 px를 제거.

Co-authored-by: Cursor <cursoragent@cursor.com>

pages/index.vue

@@ -204,7 +204,7 @@ const scrollFeatured = (direction) => {
 
 <template>
   <MainColumn>
-    <section class="px-5 py-6 sm:px-6 md:py-8">
+    <section class="py-6 md:py-8">
       <div class="mx-auto flex max-w-[720px] flex-col-reverse gap-6">
         <div class="z-[2] flex flex-col items-center justify-center gap-2 text-center">
           <h1 class="text-xl font-semibold leading-[1.125] md:text-2xl">
@@ -226,7 +226,7 @@ const scrollFeatured = (direction) => {
       </div>
     </section>
 
-    <section class="px-5 py-4 sm:px-6">
+    <section class="py-4">
       <div class="mx-auto max-w-[720px]">
         <div class="flex items-end justify-between gap-2 border-b border-[var(--site-line)] pb-2">
           <h2 class="text-sm font-medium uppercase site-muted">Featured</h2>
@@ -281,7 +281,7 @@ const scrollFeatured = (direction) => {
       </div>
     </section>
 
-    <section class="px-5 py-4 sm:px-6">
+    <section class="py-4">
       <div class="mx-auto max-w-[720px]">
         <div class="flex items-end justify-between gap-2 border-b border-[var(--site-line)] pb-2">
           <h2 class="text-sm font-medium uppercase site-muted">Latest</h2>

pages/tag/[slug].vue

@@ -29,7 +29,7 @@ const tagPosts = computed(() => posts.value
 
 <template>
   <MainColumn>
-    <section class="px-5 pt-4 sm:px-6 sm:pt-5">
+    <section class="pt-4 sm:pt-5">
       <div class="mx-auto flex max-w-[720px] flex-col gap-4 border-b border-[var(--site-line)] pb-4 sm:pb-5">
         <div class="flex flex-col gap-1">
           <h1 class="text-lg font-medium leading-tight sm:text-xl">
@@ -42,7 +42,7 @@ const tagPosts = computed(() => posts.value
       </div>
     </section>
 
-    <section class="px-5 sm:px-6">
+    <section>
       <div class="mx-auto flex max-w-[720px] flex-col gap-8">
         <div class="flex flex-col divide-y divide-[var(--site-line)]" data-post-feed="latest">
           <article
@@ -127,7 +127,7 @@ const tagPosts = computed(() => posts.value
       </div>
     </section>
 
-    <section v-if="tagPosts.length === 0" class="px-5 py-4 sm:px-6">
+    <section v-if="tagPosts.length === 0" class="py-4">
       <div class="mx-auto max-w-[720px] text-sm site-muted">
         이 태그에 연결된 글이 없습니다.
       </div>

pages/tags/index.vue

@@ -17,7 +17,7 @@ const getPostCount = (slug) => posts.value.filter((post) => post.tags.includes(s
 
 <template>
   <MainColumn>
-    <section class="tags-page-hero px-5 sm:px-6">
+    <section class="tags-page-hero">
       <div class="mx-auto flex max-w-[720px] flex-col gap-6 py-6 text-center md:py-8">
         <div class="mx-auto flex max-w-xl flex-1 flex-col items-center justify-center gap-2">
           <h1 class="text-xl font-semibold leading-[1.125] md:text-2xl lg:text-3xl">
@@ -30,7 +30,7 @@ const getPostCount = (slug) => posts.value.filter((post) => post.tags.includes(s
       </div>
     </section>
 
-    <section class="tags-page-list mb-8 px-5 sm:px-6">
+    <section class="tags-page-list mb-8">
       <ul class="mx-auto grid max-w-[720px] gap-4 sm:gap-5 lg:grid-cols-3">
         <li
           v-for="tag in tags"