update

layout/_partial/main/navbar/breadcrumb.ejs

@@ -1,7 +1,7 @@
 <% if (page.breadcrumb != false) { %>
   <div class='breadcrumb-navigation'>
   <% if (page.layout == 'post') { %>
-    <div class='cap'>
+    <div id='breadcrumb'>
       <a class='cap breadcrumb' href='/'><%- __('btn.home') %></a>
       <span class="sep"></span>
       <a class='cap breadcrumb' href='/'><%- __('btn.blog') %></a>
@@ -19,7 +19,7 @@
       <%- __('meta.created') %>&nbsp;<time datetime='<%- date_xml(page.date) %>'><%- date(page.date, config.date_format) %></time>
     </div>
   <% } else if (page.layout == 'wiki') { %>
-    <div>
+    <div id='breadcrumb'>
       <a class='cap breadcrumb' href='/'><%- __('btn.home') %></a>
       <span class="sep"></span>
       <% if (page.menu_id && theme.sidebar.menu[page.menu_id] && theme.sidebar.menu[page.menu_id].url) { %>
@@ -44,7 +44,7 @@
       <%- __('meta.updated') %>&nbsp;<time datetime='<%- date_xml(page.updated) %>'><%- date(page.updated, config.date_format) %></time>
     </div>
   <% } else { %>
-      <div>
+      <div id='breadcrumb'>
         <a class='cap breadcrumb' href='/'><%- __('btn.home') %></a>
         <span class="sep"></span>
         <a class='cap breadcrumb' href='<%- url_for(page.path) %>'><%- page.title || page.seo_title %></a>

layout/_partial/sidebar/header.ejs

@@ -12,7 +12,7 @@ function layoutMainMenu() {
       el += ' active';
     }
     el += '" href="' + url_for(item.url) + '">';
-    el += '<span>' + __(item.title) + '</span>';
+    el += __(item.title);
     el += '</a>';
   }
   el += '</nav>';

layout/_partial/sidebar/logo.ejs

@@ -1,6 +1,6 @@
 <div class='logo-wrap'>
   <% if (theme.sidebar.logo.avatar.src || config.avatar) { %>
-    <a class='img' href='<%- theme.sidebar.logo.avatar.href || "/" %>'><img no-lazy src='<%- theme.sidebar.logo.avatar.src || config.avatar %>'/></a>
+    <a class='avatar' href='<%- theme.sidebar.logo.avatar.href || "/" %>'><img no-lazy src='<%- theme.sidebar.logo.avatar.src || config.avatar %>'/></a>
   <% } %>
   <a class='title' href='/'><%- theme.sidebar.logo.title || config.title %></a>
 </div>

source/css/_layout/main.styl

@@ -8,9 +8,10 @@
     border-radius: 6px
     .logo-wrap
       margin: 0.5rem 0.75rem
-      .img
+      .avatar
         width: 32px
         height: 32px
+        border: none
       .title
         font-size: 1.5rem
   nav.menu

source/css/_layout/navbar.styl

@@ -47,9 +47,13 @@ nav.cap
   font-size: $fs-footnote
   color: var(--text-p3)
   font-weight: 500
+  div#breadcrumb
+    display: flex
+    align-items: center
+    flex-direction: row
     a.cap:hover
       color: $color-cat-hover
-  div+div
+  div#post-meta
     margin-top: 2px
 
 

source/css/_layout/sidebar.styl

@@ -17,7 +17,7 @@
     color: inherit
     display: flex
     align-items: center
-  .img
+  .avatar
     width: 40px
     height: 40px
     flex-shrink: 0
@@ -25,6 +25,9 @@
     border: 2px solid transparent
     overflow: hidden
     margin-right: 1rem
+    trans1 background
+    &:hover
+      background: $color-hover
     img
       object-fit: cover
   .title
@@ -62,6 +65,10 @@ nav.menu
       color: var(--text-p1)
       background: var(--card)
 
+.l_left .menu a.nav-item
+  flex-grow: 1
+  text-align: center
+
 .l_left .widgets
   margin: $gap 0
   overflow: scroll