feat: 调整布局

src/components/IndexSidebar.astro

@@ -82,6 +82,7 @@ const {categories} = Astro.props
   @media (max-width: 860px) {
     .sidebar{
       width: 100%;
+      display: none;
     }
   }
 </style>

src/components/IndexView.astro

@@ -26,10 +26,4 @@ const {posts, page, totalPage, categories} = Astro.props
     gap: 28px;
   }
 
-  @media (max-width: 860px) {
-    .container{
-      flex-direction: column-reverse;
-      gap: 16px;
-    }
-  }
 </style>

src/components/PostList.astro

@@ -220,6 +220,10 @@ posts.map((post) => {
 
 
   @media (max-width: 860px) {
+    .post-list{
+      gap: 16px;
+    }
+
     .post-card {
       padding: 16px;
     }
@@ -240,6 +244,4 @@ posts.map((post) => {
     }
   }
 
-
-
 </style>