diff options
| author | Volpeon <git@volpeon.ink> | 2024-06-27 11:26:15 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-06-27 11:26:15 +0200 |
| commit | 57e28f7fe929f275a0c516d0a702ec8a8739a810 (patch) | |
| tree | fd84e604e0d19dba9c18d93097837a6b1d58199e /tpl/views | |
| parent | Update (diff) | |
| download | iro-design-57e28f7fe929f275a0c516d0a702ec8a8739a810.tar.gz iro-design-57e28f7fe929f275a0c516d0a702ec8a8739a810.tar.bz2 iro-design-57e28f7fe929f275a0c516d0a702ec8a8739a810.zip | |
Add card
Diffstat (limited to 'tpl/views')
| -rw-r--r-- | tpl/views/card.pug | 24 | ||||
| -rw-r--r-- | tpl/views/menu.pug | 2 | ||||
| -rw-r--r-- | tpl/views/message-group.pug | 2 | ||||
| -rw-r--r-- | tpl/views/message.pug | 2 |
4 files changed, 22 insertions, 8 deletions
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 @@ | |||
| 1 | mixin view-card | 1 | mixin view-card |
| 2 | +view('card', 'Card') | 2 | +view('card', 'Card') |
| 3 | .c-box | 3 | .c-box(style={ display: 'flex', 'flex-direction': 'column', gap: '1em' }) |
| 4 | +card(href='#') | 4 | +card(href='#') |
| 5 | +slot('body') | 5 | +card-image(src='Drawing_Half.png') |
| 6 | h1= 'XS Heading' | 6 | +card-avatar(src='avatar.png') |
| 7 | p= loremIpsum | 7 | +card-body |
| 8 | +slot('footer') | 8 | +card-title= 'XS Heading' |
| 9 | +card-content= loremIpsum | ||
| 10 | +card-footer | ||
| 11 | = 'Footer' | ||
| 12 | |||
| 13 | +card(href='#') | ||
| 14 | +card-body | ||
| 15 | .l-media | ||
| 16 | +avatar(class='l-media__block' src='avatar.png') | ||
| 17 | .l-media__block.l-media__block--main | ||
| 18 | strong.u-d-block= 'Volpeon' | ||
| 19 | small.u-d-block= '@volpeon@is-a.wyvern.rip' | ||
| 20 | +card-content= loremIpsum | ||
| 21 | +card-image(src='Drawing_Half.png') | ||
| 22 | +card-body | ||
| 9 | = 'Footer' | 23 | = '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 | |||
| 5 | +action-button(quiet=true selected=true)= 'Menu' | 5 | +action-button(quiet=true selected=true)= 'Menu' |
| 6 | +popover | 6 | +popover |
| 7 | +menu | 7 | +menu |
| 8 | +menu-slot(class='l-media l-media--flush') | 8 | +menu-slot(class='l-media') |
| 9 | +avatar(block=true circle=true size='100' src='avatar.png' class='l-media__block') | 9 | +avatar(block=true circle=true size='100' src='avatar.png' class='l-media__block') |
| 10 | .l-media__block.l-media__block--main | 10 | .l-media__block.l-media__block--main |
| 11 | strong.u-d-block= 'Volpeon' | 11 | 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 | |||
| 68 | +message-group('Volpeon') | 68 | +message-group('Volpeon') |
| 69 | +message()(theme='t-up' group=true) | 69 | +message()(theme='t-up' group=true) |
| 70 | +slot('header') | 70 | +slot('header') |
| 71 | .l-media.l-media--flush | 71 | .l-media |
| 72 | .l-media__block.l-media__block--main | 72 | .l-media__block.l-media__block--main |
| 73 | strong= 'Volpeon' | 73 | strong= 'Volpeon' |
| 74 | small.u-ml-100= '@volpeon@mk.vulpes.one' | 74 | 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 | |||
| 18 | .c-box.l-overflow(style='resize: vertical') | 18 | .c-box.l-overflow(style='resize: vertical') |
| 19 | +message('Volpeon')(avatar=true theme='t-up') | 19 | +message('Volpeon')(avatar=true theme='t-up') |
| 20 | +slot('header') | 20 | +slot('header') |
| 21 | .l-media.l-media--flush | 21 | .l-media |
| 22 | .l-media__block.l-media__block--main | 22 | .l-media__block.l-media__block--main |
| 23 | strong= 'Volpeon' | 23 | strong= 'Volpeon' |
| 24 | small.u-ml-100= '@volpeon@mk.vulpes.one' | 24 | small.u-ml-100= '@volpeon@mk.vulpes.one' |