Просмотр исходного кода

:art: tipitaka-subcategory风格统一

visuddhinanda 3 дней назад
Родитель
Сommit
963cb62d45
1 измененных файлов с 57 добавлено и 2 удалено
  1. 57 2
      api-v13/resources/css/modules/_tipitaka.css

+ 57 - 2
api-v13/resources/css/modules/_tipitaka.css

@@ -10,7 +10,9 @@
    ══════════════════════════════════════════ */
 
 .card-book {
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition:
+        transform 0.2s,
+        box-shadow 0.2s;
 }
 
 .card-book:hover {
@@ -184,7 +186,10 @@
     color: var(--tblr-body-color);
     background: var(--tblr-bg-surface);
     text-decoration: none;
-    transition: background 0.12s, border-color 0.12s, color 0.12s;
+    transition:
+        background 0.12s,
+        border-color 0.12s,
+        color 0.12s;
     white-space: nowrap;
 }
 
@@ -395,3 +400,53 @@
         width: 140px;
     }
 }
+
+/* ══════════════════════════════════════════
+   子分类网格
+   ══════════════════════════════════════════ */
+
+.tipitaka-subcategory-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+    gap: 8px;
+    padding: 4px 0;
+}
+
+.tipitaka-subcategory-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 8px;
+    padding: 16px 12px;
+    border-radius: var(--tblr-border-radius);
+    text-decoration: none;
+    color: var(--tblr-body-color);
+    border: 1px solid transparent;
+    transition:
+        background 0.15s,
+        border-color 0.15s;
+}
+
+.tipitaka-subcategory-item:hover {
+    background: var(--tblr-bg-surface-secondary);
+    border-color: var(--tblr-border-color);
+    text-decoration: none;
+    color: var(--tblr-body-color);
+}
+
+.tipitaka-subcategory-icon {
+    font-size: 40px;
+    color: var(--tblr-secondary);
+    line-height: 1;
+}
+
+.tipitaka-subcategory-item:hover .tipitaka-subcategory-icon {
+    color: var(--tblr-body-color);
+}
+
+.tipitaka-subcategory-name {
+    font-size: 0.8125rem;
+    text-align: center;
+    line-height: 1.4;
+    color: var(--tblr-secondary);
+}