custom navbar

themes/butterfly/source/css/_layout/head.styl

@@ -338,7 +338,7 @@
   .menus_items
     display: inline
 
-    .menus_item
+    .icat_menus_item
       position: relative
       display: inline-block
       padding: 0 0 0 14px

themes/butterfly/source/css/_layout/sidebar.styl

@@ -38,7 +38,8 @@
       background: var(--sidebar-menu-bg)
       box-shadow: 0 0 1px 1px rgba(7, 17, 27, .05)
       addBorderRadius(10)
-
+      .menus_item
+        margin: 10px 0
       .site-page
         @extend .limit-one-line
         position: relative
@@ -49,6 +50,11 @@
         font-size: 1.15em
         cursor: pointer
         addBorderRadius(6)
+        border: var(--icat-style-border-always)
+        background: var(--icat-essay-card-bg)
+        font-size: 14px
+        border-radius: 12px
+
 
         &:hover
           background: var(--text-bg-hover)
@@ -57,6 +63,7 @@
         i:first-child
           width: 15%
           text-align: left
+          padding-left: 10px
 
         &.group
           & > i:last-child
@@ -75,4 +82,29 @@
       .menus_item_child
         margin: 0
         padding-left: 25px
-        list-style: none
+        list-style: none
+
+#sidebar
+  #sidebar-menus
+    .icat_menus_item
+      display: inline-block
+      width: 50%
+
+      .site-page
+        text-align: center
+        margin: 4px
+        display: flex
+        flex-direction: column
+        align-items: center
+        padding: 8px 0
+        border-radius: 12px
+        font-size: 14px
+
+        i:first-child
+          padding-left: 0
+
+        & > .icat-essay
+          font-weight: 500
+
+        span
+          margin-top: -8px