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 | 8b7547e1ea371b89ce29bc2700c472283704e5fa (patch) | |
| tree | 879a44bc9035fb14645e8a8f771abc6d0456a19b | |
| parent | 9b8ac5fe0115f4b7609ca6b990a35077c8221c45 (diff) | |
chore: responsive library page
| -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; |