diff options
| author | Eltrac <hi@guhub.cn> | 2025-04-01 10:10:09 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-04-01 10:10:09 +0800 |
| commit | 833fd78f28d0cbfae32d508c269f951a8340b5c9 (patch) | |
| tree | 1047fa788bbdfb72387b85f37ae729c86e24ba3a /assets/css/components | |
| parent | ce149d8063e8e082c820e54602f7ecdda9f88184 (diff) | |
chore: responsive library page
Former-commit-id: 8b7547e1ea371b89ce29bc2700c472283704e5fa
Diffstat (limited to 'assets/css/components')
| -rw-r--r-- | assets/css/components/_library.scss | 7 |
1 files changed, 6 insertions, 1 deletions
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; |