From 57e28f7fe929f275a0c516d0a702ec8a8739a810 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Thu, 27 Jun 2024 11:26:15 +0200
Subject: Add card

---
 tpl/views/card.pug          | 24 +++++++++++++++++++-----
 tpl/views/menu.pug          |  2 +-
 tpl/views/message-group.pug |  2 +-
 tpl/views/message.pug       |  2 +-
 4 files changed, 22 insertions(+), 8 deletions(-)

(limited to 'tpl/views')

diff --git a/tpl/views/card.pug b/tpl/views/card.pug
index 0b88b0e..6858867 100644
--- a/tpl/views/card.pug
+++ b/tpl/views/card.pug
@@ -1,9 +1,23 @@
 mixin view-card 
     +view('card', 'Card')
-        .c-box
+        .c-box(style={ display: 'flex', 'flex-direction': 'column', gap: '1em' })
             +card(href='#')
-                +slot('body')
-                    h1= 'XS Heading'
-                    p= loremIpsum
-                +slot('footer')
+                +card-image(src='Drawing_Half.png')
+                +card-avatar(src='avatar.png')
+                +card-body
+                    +card-title= 'XS Heading'
+                    +card-content= loremIpsum
+                +card-footer
+                    = 'Footer'
+
+            +card(href='#')
+                +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'
+                    +card-content= loremIpsum
+                +card-image(src='Drawing_Half.png')
+                +card-body
                     = 'Footer'
diff --git a/tpl/views/menu.pug b/tpl/views/menu.pug
index 34a15ce..7c5df03 100644
--- a/tpl/views/menu.pug
+++ b/tpl/views/menu.pug
@@ -5,7 +5,7 @@ mixin view-menu
                 +action-button(quiet=true selected=true)= 'Menu'
                 +popover
                     +menu
-                        +menu-slot(class='l-media l-media--flush')
+                        +menu-slot(class='l-media')
                             +avatar(block=true circle=true size='100' src='avatar.png' class='l-media__block')
                             .l-media__block.l-media__block--main
                                 strong.u-d-block= 'Volpeon'
diff --git a/tpl/views/message-group.pug b/tpl/views/message-group.pug
index 3d1166f..dc744d9 100644
--- a/tpl/views/message-group.pug
+++ b/tpl/views/message-group.pug
@@ -68,7 +68,7 @@ mixin view-message-group
             +message-group('Volpeon')
                 +message()(theme='t-up' group=true)
                     +slot('header')
-                        .l-media.l-media--flush
+                        .l-media
                             .l-media__block.l-media__block--main
                                 strong= 'Volpeon'
                                 small.u-ml-100= '@volpeon@mk.vulpes.one'
diff --git a/tpl/views/message.pug b/tpl/views/message.pug
index f256e41..9130537 100644
--- a/tpl/views/message.pug
+++ b/tpl/views/message.pug
@@ -18,7 +18,7 @@ mixin view-message
         .c-box.l-overflow(style='resize: vertical')
             +message('Volpeon')(avatar=true theme='t-up')
                 +slot('header')
-                    .l-media.l-media--flush
+                    .l-media
                         .l-media__block.l-media__block--main
                             strong= 'Volpeon'
                             small.u-ml-100= '@volpeon@mk.vulpes.one'
-- 
cgit v1.2.3-54-g00ecf