From 833fd78f28d0cbfae32d508c269f951a8340b5c9 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Tue, 1 Apr 2025 10:10:09 +0800
Subject: chore: responsive library page

Former-commit-id: 8b7547e1ea371b89ce29bc2700c472283704e5fa
---
 assets/css/components/_library.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'assets/css/components')

diff --git a/assets/css/components/_library.scss b/assets/css/components/_library.scss
index 40135ce8..0031df12 100644
--- a/assets/css/components/_library.scss
+++ b/assets/css/components/_library.scss
@@ -8,7 +8,12 @@
         flex-wrap: wrap;
 
         .book {
-            width: calc(100% / 6 - var(--gap));
+            --number-in-line: 4;
+            @media screen and (min-width: 768px) {
+                --number-in-line: 6;
+            }
+
+            width: calc(100% / var(--number-in-line) - var(--gap));
             position: relative;
             &.badbook {
                 opacity: 0.5;
-- 
cgit v1.2.3