feat: remove header and add title image to card page

Former-commit-id: fcfd77fe5ac76ede7d4bee2bad7caf3e529eca18

1 files changed, 19 insertions, 0 deletions

diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss
index 932ce6a5..a5f2468c 100644
--- a/assets/css/components/_card.scss
+++ b/assets/css/components/_card.scss
@@ -86,3 +86,22 @@
         }
     }
 }
+
+article.card-page {
+    margin-top: var(--page-header-top);
+    position: relative;
+    .title-image-container {
+        --size: 4rem;
+        @include roundSticker;
+        position: absolute;
+        top: -1rem;
+        right: -1rem;
+        width: var(--size);
+        height: var(--size);
+        z-index: 1;
+        transform: rotate(-5deg);
+        img {
+            width: 100%;
+        }
+    }
+}