diff options
| author | yingyu5658 <i@yingyu5658.me> | 2026-01-02 13:12:41 +0800 |
|---|---|---|
| committer | yingyu5658 <i@yingyu5658.me> | 2026-01-02 13:12:41 +0800 |
| commit | 70e76610d38e3f8315246e4db71357a3d4fa387d (patch) | |
| tree | 871fa286421891a68f2ae370c4049095b4300dfe | |
| parent | 8669e09f5ead97b6701f78d571168df362deffcd (diff) | |
| download | blog-70e76610d38e3f8315246e4db71357a3d4fa387d.tar.gz blog-70e76610d38e3f8315246e4db71357a3d4fa387d.zip | |
style: add the RWD support of booklist shortcodes
| -rw-r--r-- | content/readings.md | 2 | ||||
| -rw-r--r-- | layouts/partials/style.html | 16 |
2 files changed, 17 insertions, 1 deletions
diff --git a/content/readings.md b/content/readings.md index 29bae0e..667f519 100644 --- a/content/readings.md +++ b/content/readings.md @@ -69,7 +69,7 @@ showMeta: false cover="https://images.glowisle.me/s33316020.jpg" >}} -{{< booklist +{{< book cover="https://images.glowisle.me/s24514468.jpg" >}} diff --git a/layouts/partials/style.html b/layouts/partials/style.html index 8685d39..2ce5d10 100644 --- a/layouts/partials/style.html +++ b/layouts/partials/style.html @@ -704,4 +704,20 @@ display: none; } } + + @media (max-width: 700px) { + .booklist { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 10px; + } + } + + @media (max-width: 400px) { + .booklist { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 10px; + } + } </style> |