From 1021e87769915c45c60d101faeee97b04759b158 Mon Sep 17 00:00:00 2001
From: xaoxuu <git@xaoxuu.com>
Date: Sun, 23 Oct 2022 01:05:16 +0800
Subject: [PATCH] css

---
 layout/_partial/main/post_list/post_card.ejs | 17 ++++++-------
 layout/_partial/sidebar/logo.ejs             |  2 +-
 source/css/_common/title.styl                |  2 +-
 source/css/_layout/list.styl                 |  6 ++---
 source/css/_layout/tag-plugins/about.styl    | 25 ++++++--------------
 source/css/_layout/tag-plugins/navbar.styl   | 14 +++++++----
 6 files changed, 31 insertions(+), 35 deletions(-)

diff --git a/layout/_partial/main/post_list/post_card.ejs b/layout/_partial/main/post_list/post_card.ejs
index 0d2ef9b..53902d8 100755
--- a/layout/_partial/main/post_list/post_card.ejs
+++ b/layout/_partial/main/post_list/post_card.ejs
@@ -90,21 +90,22 @@ function div_photo() {
   var el = '';
   el += '<div class="cover">';
   el += '<img src="' + post.cover + '"/>';
-  if (post.cover_info) {
+  let info = post.cover_info;
+  if (info) {
     el += '<div class="cover-info"';
-    if (post.cover_info.meta) {
+    if (info.meta) {
       el += 'position="top">';
     } else {
       el += 'position="bottom">';
     }
-    if (post.cover_info.meta) {
-      el += '<div class="cap">' + post.cover_info.meta + '</div>';
+    if (info.meta) {
+      el += '<div class="cap">' + info.meta + '</div>';
     }
-    if (post.cover_info.title) {
-      el += '<div class="title">' + post.cover_info.title + '</div>';
+    if (info.title) {
+      el += '<div class="title">' + info.title + '</div>';
     }
-    if (post.cover_info.subtitle) {
-      el += '<div class="cap">' + post.cover_info.subtitle + '</div>';
+    if (info.subtitle) {
+      el += '<div class="cap">' + info.subtitle + '</div>';
     }
     el += '</div>';
 
diff --git a/layout/_partial/sidebar/logo.ejs b/layout/_partial/sidebar/logo.ejs
index 1616b83..c810444 100644
--- a/layout/_partial/sidebar/logo.ejs
+++ b/layout/_partial/sidebar/logo.ejs
@@ -21,7 +21,7 @@ function layoutTitle(main, url, sub) {
 }
 function layoutDiv() {
   var el = '';
-  if (page.layout == 'wiki' && proj && proj.index != false) {
+  if (page.layout == 'wiki') {
     el += '<div class="logo-wrap wiki">';
     // all products
     el += '<a style="filter: grayscale(100%)" class="wiki-home cap" href="' + url_for(config.wiki_dir) + '">';
diff --git a/source/css/_common/title.styl b/source/css/_common/title.styl
index 32108f9..9af1826 100644
--- a/source/css/_common/title.styl
+++ b/source/css/_common/title.styl
@@ -28,7 +28,7 @@ h6
 .post-list
   .post-title
     font-weight: 500
-    margin: .75rem 0 .5rem
+    margin: .75rem 0
     line-height: 1.2
     font-size: $fs-h3
     border-bottom: none
diff --git a/source/css/_layout/list.styl b/source/css/_layout/list.styl
index 4a5d4d4..7983f31 100644
--- a/source/css/_layout/list.styl
+++ b/source/css/_layout/list.styl
@@ -81,7 +81,7 @@
     img
       width: 100%
     .cover-info
-      padding: 1rem
+      padding: 1.5rem 1rem
       position: absolute
       line-height: 1.2
       width: 'calc(100% - %s * 2)' % 1rem
@@ -89,10 +89,10 @@
       color: white
       &[position=top]
         top: 0
-        background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.3),rgba(0,0,0,0))
+        background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.2),rgba(0,0,0,0))
       &[position=bottom]
         bottom: 0
-        background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3),rgba(0,0,0,0.4))
+        background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0.3))
       div+div
         margin-top: 8px
         @media screen and (max-width: $device-mobile)
diff --git a/source/css/_layout/tag-plugins/about.styl b/source/css/_layout/tag-plugins/about.styl
index e05fa16..057f2da 100644
--- a/source/css/_layout/tag-plugins/about.styl
+++ b/source/css/_layout/tag-plugins/about.styl
@@ -6,7 +6,7 @@
     display flex
     justify-content: center
     flex-wrap: wrap
-    margin: 1.5rem 0 3rem
+    margin: 1.5rem 0
     img
       object-fit: contain
     >img
@@ -27,27 +27,16 @@
   .about-body
     >p
       line-height: 1.5
-    .tag-plugin.navbar:last-child
-      text-align: center
-      nav.cap
-        margin-top: 1rem
-        background: var(--card)
-        box-shadow: $boxshadow-button
-        a
-          color: var(--text-p2)
-          &:hover
-            background: var(--block)
-          &.active 
-            background: var(--block)
-            box-shadow: none
-            color: var(--text-p1)
+      &:first-child
+        margin-top: 2.5rem
+    p+.tag-plugin.navbar .cap
+      margin-top: 1rem
   .about-header+.about-body
-    margin-top: 1.5rem
+    margin-top: 2rem
 
 @media screen and (max-width: $device-mobile)
   .tag-plugin.about
-    padding: 1.5rem 1rem
+    padding: 2rem 1rem
     .about-header
-      margin: 2.5rem 0 3rem
       p
         width 100%
diff --git a/source/css/_layout/tag-plugins/navbar.styl b/source/css/_layout/tag-plugins/navbar.styl
index 304f855..ff9644d 100644
--- a/source/css/_layout/tag-plugins/navbar.styl
+++ b/source/css/_layout/tag-plugins/navbar.styl
@@ -1,16 +1,22 @@
 .md .tag-plugin.navbar
+  text-align: center
   nav.cap
     margin: 0
     padding: 1px
-    background: var(--block)
+    background: var(--card)
+    box-shadow: $boxshadow-button
     border-radius: 6px
     display: inline-flex
     max-width: 100%
     a
       margin: 1px
       padding: 0.25em 0.75rem
+      color: var(--text-p2)
       &:after
         display: none
-      &:hover,&.active
-        background: var(--card)
-        color: var(--text-p1)
+      &:hover
+        background: var(--block)
+      &.active 
+        background: var(--block)
+        box-shadow: none
+        color: var(--text-p1)
\ No newline at end of file