From 2770911976c52f1dbaaec5a89250a42c6a9eb622 Mon Sep 17 00:00:00 2001
From: KawaiiZapic <kawaiizapic@zapic.moe>
Date: Thu, 5 Sep 2024 12:51:36 +0800
Subject: [PATCH] feat: optimize sidebar

---
 src/sidebar.php     | 8 ++++----
 src/style/main.less | 7 -------
 2 files changed, 4 insertions(+), 11 deletions(-)

diff --git a/src/sidebar.php b/src/sidebar.php
index a9fa969..4527e32 100644
--- a/src/sidebar.php
+++ b/src/sidebar.php
@@ -4,11 +4,11 @@
 /** @var \Widget\Archive $this */
 ?>
 
-<mdui-navigation-drawer contained class="md:w-240px fixed!" close-on-overlay-click id="matecho-drawer">
+<mdui-navigation-drawer close-on-overlay-click id="matecho-drawer" modal>
     <nav>
         <mdui-list id="matecho-sidebar-list">
         <a href="/">
-            <mdui-list-item <?php Matecho::activePage($this, "index"); ?> >
+            <mdui-list-item rounded <?php Matecho::activePage($this, "index"); ?> >
                 <mdui-icon-home slot="icon"></mdui-icon-home>
                 首页
             </mdui-list-item>
@@ -22,7 +22,7 @@
                 if ($category->parent != 0) continue;
             ?>
                 <a href="<?php $category->permalink() ?>">
-                    <mdui-list-item class="pl-42px" <?php Matecho::activePage($this, "category", $category->mid); ?> >
+                    <mdui-list-item rounded class="pl-42px" <?php Matecho::activePage($this, "category", $category->mid); ?> >
                         <?php echo $category->name ?>
                         <span class="text-xs opacity-60" slot="description"><?php echo $category->description ?></span>
                     </mdui-list-item>
@@ -35,7 +35,7 @@
 		    while ($page->next()) {
         ?>
                 <a href="<?php $page->permalink() ?>">
-                    <mdui-list-item <?php Matecho::activePage($this, "page", $page->cid); ?> >
+                    <mdui-list-item rounded <?php Matecho::activePage($this, "page", $page->cid); ?> >
                         <?php 
                             $icon = Matecho::pageIcon($page);
                             echo "<mdui-icon-$icon slot=\"icon\"></mdui-icon-$icon>" ;
diff --git a/src/style/main.less b/src/style/main.less
index e63802f..9ca655c 100644
--- a/src/style/main.less
+++ b/src/style/main.less
@@ -88,13 +88,6 @@ body {
   min-height: calc(100vh - 184px);
 }
 
-@media (width >= 840px) {
-  #matecho-drawer {
-    height: calc(100vh - 64px);
-    top: 64px;
-  }
-}
-
 @media (width < 840px) {
   #matecho-main {
     padding-left: 0 !important;