feat: show related books in term page

1 files changed, 36 insertions, 38 deletions

diff --git a/assets/css/components/_library.scss b/assets/css/components/_library.scss
index a7e2de78..e95513a3 100644
--- a/assets/css/components/_library.scss
+++ b/assets/css/components/_library.scss
@@ -1,42 +1,40 @@
-#library {
-    .book-group {
-        --gap: 1rem;
-        display: flex;
-        align-items: center;
-        gap: var(--gap);
-        margin: 1rem 0;
-        flex-wrap: wrap;
-
-        .book {
-            --number-in-line: 4;
-            @media screen and (min-width: 768px) {
-                --number-in-line: 6;
-            }
+.book-group {
+    --gap: 1rem;
+    display: flex;
+    align-items: center;
+    gap: var(--gap);
+    margin: 1rem 0;
+    flex-wrap: wrap;
+
+    .book {
+        --number-in-line: 4;
+        @media screen and (min-width: 768px) {
+            --number-in-line: 6;
+        }
 
-            width: calc(100% / var(--number-in-line) - var(--gap));
-            &.badbook {
-                opacity: 0.5;
-                z-index: 0;
-                a { position: relative; }
-                a::before {
-                    position: absolute;
-                    z-index: 1;
-                    content: "";
-                    top: 25%;
-                    left: 25%;
-                    height: 50%;
-                    width: 50%;
-                    background-image: url('/img/thumbs-down.png');
-                    background-size: 100%;
-                    background-position: center;
-                    background-repeat: no-repeat;
-                }
+        width: calc(100% / var(--number-in-line) - var(--gap));
+        &.badbook {
+            opacity: 0.5;
+            z-index: 0;
+            a { position: relative; }
+            a::before {
+                position: absolute;
+                z-index: 1;
+                content: "";
+                top: 25%;
+                left: 25%;
+                height: 50%;
+                width: 50%;
+                background-image: url('/img/thumbs-down.png');
+                background-size: 100%;
+                background-position: center;
+                background-repeat: no-repeat;
             }
-            &.goodbook {
-                .book-cover {
-                    border-color: gold;
-                    box-shadow: 0 0.1rem 0.75rem goldenrod;
-                }
+        }
+        &.goodbook {
+            .book-cover {
+                border-color: gold;
+                box-shadow: 0 0.1rem 0.75rem goldenrod;
             }
         }
     }
@@ -106,7 +104,7 @@
         width: 100%;
     }
 
-    #library & {
+    #library &, .termlist-page & {
         @include framed;
 
         transition: transform 0.3s ease;