From 0f2ff105bbd911ba04c717af92fd116472d2b2d9 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 29 Jun 2024 14:50:39 +0200
Subject: Update

---
 tpl/objects/card.pug |  3 +--
 tpl/views/card.pug   | 12 ++++++------
 2 files changed, 7 insertions(+), 8 deletions(-)

(limited to 'tpl')

diff --git a/tpl/objects/card.pug b/tpl/objects/card.pug
index d622d3b..2ab9bef 100644
--- a/tpl/objects/card.pug
+++ b/tpl/objects/card.pug
@@ -26,8 +26,7 @@ mixin card-image
             classes[attributes.class] = true;
         }
 
-    div(class=classes)
-        img.o-card__image-img(src=attributes.src style=attributes.style)
+    img(class=classes src=attributes.src style=attributes.style)
 
 mixin card-body
     .o-card__body(style=attributes.style)
diff --git a/tpl/views/card.pug b/tpl/views/card.pug
index 4871d30..3163b00 100644
--- a/tpl/views/card.pug
+++ b/tpl/views/card.pug
@@ -1,7 +1,7 @@
 mixin view-card 
     +view('card', 'Card')(wide=true)
-        .c-box(style={ display: 'flex', 'flex-direction': 'column', gap: '2em' })
-            +card(href='#')
+        .l-card-list.l-card-list--masonry
+            +card(href='#' class='l-card-list__card')
                 +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' })
                 +card-avatar(src='avatar.png')
                 +card-body
@@ -12,13 +12,13 @@ mixin view-card
                 +card-footer
                     = 'Footer'
 
-            +card
+            +card(class='l-card-list__card')
                 +card-body
                     .l-media
                         +avatar(class='l-media__block' src='avatar.png')
                         .l-media__block.l-media__block--main
                             strong.u-d-block= 'Volpeon'
-                            small.u-d-block= '@volpeon@is-a.wyvern.rip'
+                            small.u-c-mute.u-d-block= '@volpeon@is-a.wyvern.rip'
                     +card-content
                         p= loremIpsum
                         p= loremIpsum
@@ -36,7 +36,7 @@ mixin view-card
                         .l-media__block.u-mis-auto
                             +a-button(primary=true)= 'Reply'
 
-            +card(quiet=true href='#')
+            +card(quiet=true href='#' class='l-card-list__card')
                 +card-image(src='Drawing_Half.png' style={ 'aspect-ratio': '21 / 9' })
                 +card-body
                     +card-title= 'XS Heading'
@@ -66,4 +66,4 @@ mixin view-card
                             .l-media
                                 .l-media__block.l-media__block--main
                                     h1.u-mbs-0= 'XS Heading'
-                                    small.u-c-mute-more= `Episode ${i + 1}`
+                                    small.u-c-mute= `Episode ${i + 1}`
-- 
cgit v1.2.3-70-g09d2