summaryrefslogtreecommitdiffstats
path: root/tpl/views
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-06-11 07:54:12 +0200
committerVolpeon <git@volpeon.ink>2022-06-11 07:54:12 +0200
commit9faf093cc16ad6ee9eafbaf253ff6c31a1f5ee7f (patch)
treeca289d02ec274170411e5899c4569c3b8904be1c /tpl/views
parentDervice code font size from 100 (diff)
downloadiro-design-9faf093cc16ad6ee9eafbaf253ff6c31a1f5ee7f.tar.gz
iro-design-9faf093cc16ad6ee9eafbaf253ff6c31a1f5ee7f.tar.bz2
iro-design-9faf093cc16ad6ee9eafbaf253ff6c31a1f5ee7f.zip
card -> media
Diffstat (limited to 'tpl/views')
-rw-r--r--tpl/views/action-menu.pug6
-rw-r--r--tpl/views/bubble-group.pug6
-rw-r--r--tpl/views/bubble.pug6
-rw-r--r--tpl/views/dialog.pug4
-rw-r--r--tpl/views/text-field.pug6
5 files changed, 14 insertions, 14 deletions
diff --git a/tpl/views/action-menu.pug b/tpl/views/action-menu.pug
index 4f96934..3357caa 100644
--- a/tpl/views/action-menu.pug
+++ b/tpl/views/action-menu.pug
@@ -4,9 +4,9 @@ mixin view-action-menu
4 div(style={ display: 'flex', 'flex-direction': 'column', 'align-items': 'flex-start' }) 4 div(style={ display: 'flex', 'flex-direction': 'column', 'align-items': 'flex-start' })
5 +action-button(quiet=true selected=true)= 'Menu' 5 +action-button(quiet=true selected=true)= 'Menu'
6 +action-menu 6 +action-menu
7 +action-menu-slot(class='l-card l-card--flush') 7 +action-menu-slot(class='l-media l-media--flush')
8 +avatar(block=true circle=true size='100' src='avatar.png' class='l-card__block') 8 +avatar(block=true circle=true size='100' src='avatar.png' class='l-media__block')
9 .l-card__block.l-card__block--main 9 .l-media__block.l-media__block--main
10 strong.u-d-block= 'Volpeon' 10 strong.u-d-block= 'Volpeon'
11 small.u-d-block= '@volpeon@mk.vulpes.one' 11 small.u-d-block= '@volpeon@mk.vulpes.one'
12 +action-menu-separator 12 +action-menu-separator
diff --git a/tpl/views/bubble-group.pug b/tpl/views/bubble-group.pug
index 19b06c4..8464bc7 100644
--- a/tpl/views/bubble-group.pug
+++ b/tpl/views/bubble-group.pug
@@ -22,11 +22,11 @@ mixin view-bubble-group
22 +bubble-group('Volpeon') 22 +bubble-group('Volpeon')
23 +bubble()(class='l-bubble-group__bubble') 23 +bubble()(class='l-bubble-group__bubble')
24 +slot('header') 24 +slot('header')
25 .l-card.l-card--flush 25 .l-media.l-media--flush
26 .l-card__block.l-card__block--main 26 .l-media__block.l-media__block--main
27 strong= 'Volpeon' 27 strong= 'Volpeon'
28 small.u-ml-100= '@volpeon@mk.vulpes.one' 28 small.u-ml-100= '@volpeon@mk.vulpes.one'
29 small.l-card__block 29 small.l-media__block
30 = '5 minutes ago' 30 = '5 minutes ago'
31 +icon('lock')(class='u-ml-100') 31 +icon('lock')(class='u-ml-100')
32 +slot('body')= 'Full width bubbles test' 32 +slot('body')= 'Full width bubbles test'
diff --git a/tpl/views/bubble.pug b/tpl/views/bubble.pug
index 0e65635..be9cf38 100644
--- a/tpl/views/bubble.pug
+++ b/tpl/views/bubble.pug
@@ -14,11 +14,11 @@ mixin view-bubble
14 .c-box.l-overflow(style='resize: vertical') 14 .c-box.l-overflow(style='resize: vertical')
15 +bubble('Volpeon')(avatar=true) 15 +bubble('Volpeon')(avatar=true)
16 +slot('header') 16 +slot('header')
17 .l-card.l-card--flush 17 .l-media.l-media--flush
18 .l-card__block.l-card__block--main 18 .l-media__block.l-media__block--main
19 strong= 'Volpeon' 19 strong= 'Volpeon'
20 small.u-ml-100= '@volpeon@mk.vulpes.one' 20 small.u-ml-100= '@volpeon@mk.vulpes.one'
21 small.l-card__block 21 small.l-media__block
22 = '5 minutes ago' 22 = '5 minutes ago'
23 +icon('lock')(class='u-ml-100') 23 +icon('lock')(class='u-ml-100')
24 +slot('body') 24 +slot('body')
diff --git a/tpl/views/dialog.pug b/tpl/views/dialog.pug
index f90ef21..9d6061d 100644
--- a/tpl/views/dialog.pug
+++ b/tpl/views/dialog.pug
@@ -42,10 +42,10 @@ mixin view-dialog
42 +backdrop 42 +backdrop
43 +dialog 43 +dialog
44 +slot('header') 44 +slot('header')
45 .l-card__block.l-flex 45 .l-media__block.l-flex
46 +action-button(quiet=true icon='chevron-left') 46 +action-button(quiet=true icon='chevron-left')
47 +action-button(quiet=true icon='chevron-right') 47 +action-button(quiet=true icon='chevron-right')
48 .l-card__block.l-card__block--main 48 .l-media__block.l-media__block--main
49 +div-heading('sm')= 'Tags' 49 +div-heading('sm')= 'Tags'
50 +slot('sidebar') 50 +slot('sidebar')
51 +menu(style={ 'min-width': '10em' }) 51 +menu(style={ 'min-width': '10em' })
diff --git a/tpl/views/text-field.pug b/tpl/views/text-field.pug
index 262195d..9a60741 100644
--- a/tpl/views/text-field.pug
+++ b/tpl/views/text-field.pug
@@ -16,8 +16,8 @@ mixin view-text-field
16 div 16 div
17 +text-field(placeholder='Just landed in L.A.' class="u-p-50") 17 +text-field(placeholder='Just landed in L.A.' class="u-p-50")
18 +slot('pre') 18 +slot('pre')
19 +action-button(quiet=true class='l-card__block')= 'Volpeon' 19 +action-button(quiet=true class='l-media__block')= 'Volpeon'
20 +divider('vertical')(class='u-ml-50') 20 +divider('vertical')(class='u-ml-50')
21 +slot('post') 21 +slot('post')
22 +action-button(quiet=true icon='smile' class='l-card__block') 22 +action-button(quiet=true icon='smile' class='l-media__block')
23 +action-button(quiet=true icon='send' class='l-card__block') 23 +action-button(quiet=true icon='send' class='l-media__block')