From aa7d1febfbbc994e50fdb18285f78fa3c34430e6 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Mon, 21 Apr 2025 23:13:06 +0800
Subject: feat: move novels here and add relevant page templates

---
 assets/css/components/_fictions.scss | 48 ++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 assets/css/components/_fictions.scss

(limited to 'assets/css/components')

diff --git a/assets/css/components/_fictions.scss b/assets/css/components/_fictions.scss
new file mode 100644
index 00000000..c235a5f2
--- /dev/null
+++ b/assets/css/components/_fictions.scss
@@ -0,0 +1,48 @@
+#fiction-section {
+    .fiction-welcome {
+        margin: 2rem 0;
+        display: flex;
+        align-items: center;
+        gap: 2rem;
+        @media screen and (max-width: 768px) {
+            gap: 1rem;
+        }
+
+        .fiction-welcome-image img {
+            width: 10rem;
+            @media screen and (max-width: 768px) {
+                width: 7rem;
+            }
+            opacity: 0.8;
+        }
+    }
+
+    .fiction-list {
+        margin: 4rem 0;
+        .fiction-item {
+            text-align: center;
+            margin: 2rem 0;
+
+            .fiction-item-title {
+                margin: 0;
+            }
+            .fiction-item-meta {
+                color: var(--secondary-text-color);
+            }
+        }
+    }
+}
+
+.fiction-page {
+    .fiction-header {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+}
+
+.fiction-page-header {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
-- 
cgit v1.2.3