chore: modify card size

assets/icons/categories.svg

@@ -1,9 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-tag" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z"/>
-  <line x1="5" y1="9" x2="19" y2="9" />
+  <path d="M11 3L20 12a1.5 1.5 0 0 1 0 2L14 20a1.5 1.5 0 0 1 -2 0L3 11v-4a4 4 0 0 1 4 -4h4" />
-  <line x1="5" y1="15" x2="19" y2="15" />
+  <circle cx="9" cy="9" r="2" />
-  <line x1="11" y1="4" x2="7" y2="20" />
-  <line x1="17" y1="4" x2="13" y2="20" />
 </svg>
 
 

assets/icons/tag.svg

@@ -1,7 +1,9 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-tag" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z"/>
-  <path d="M11 3L20 12a1.5 1.5 0 0 1 0 2L14 20a1.5 1.5 0 0 1 -2 0L3 11v-4a4 4 0 0 1 4 -4h4" />
+  <line x1="5" y1="9" x2="19" y2="9" />
-  <circle cx="9" cy="9" r="2" />
+  <line x1="5" y1="15" x2="19" y2="15" />
+  <line x1="11" y1="4" x2="7" y2="20" />
+  <line x1="17" y1="4" x2="13" y2="20" />
 </svg>
 
 

assets/scss/partials/layout/article.scss

@@ -186,11 +186,14 @@
         margin-right: 15px;
         flex-shrink: 0;
         overflow: hidden;
-        width: 250px;
+        width: 240px;
-        height: 150px;
+        height: 80px;
 
         .article-title {
+            width: 220px;
+            height: 80px;
             font-size: 1.8rem;
+            font-weight: 500;
             margin: 0;
         }
 

assets/scss/partials/layout/list.scss

@@ -53,18 +53,16 @@
         padding-bottom: 15px;
 
         article {
-            width: 250px;
+            width: 120px;
-            height: 150px;
+            height: 60px;
             margin-right: 20px;
             flex-shrink: 0;
+            text-align: center;
 
             .article-title {
                 margin: 0;
                 font-size: 1.8rem;
-            }
+                font-weight: 600;
-
-            .article-details {
-                padding: 20px;
             }
         }
     }

layouts/partials/article/components/details.html

@@ -29,14 +29,12 @@
         {{ end }}
 
         <div>
-            <time class="article-time--published">
             {{ if .Params.categories }}
-                {{ partial "helper/icon" "tag" }}
+            {{ partial "helper/icon" "categories" }}
                 {{ range (.GetTerms "categories") }}
-                    {{ .LinkTitle }}
+                    <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
                 {{ end }}
             {{ end }}
-            </time>
         </div> 
 
         {{ if $showReadingTime }}

layouts/partials/head/custom.html

@@ -1,9 +1,8 @@
 <style>
   :root {
-    --sys-font-family: "EB Garamond", "LXGW WenKai Screen R";
+    --sys-font-family: "EB Garamond";
-    --zh-font-family: "EB Garamond", "LXGW WenKai Screen R";
+    --zh-font-family:  "LXGW WenKai Screen R";
     --base-font-family: "EB Garamond", "LXGW WenKai Screen R";
-    --code-font-family: "EB Garamond", "LXGW WenKai Screen R";
     --article-font-family: "EB Garamond", "Noto Serif SC";
   }
 </style>