diff options
Diffstat (limited to 'tpl/views')
-rw-r--r-- | tpl/views/action-menu.pug | 6 | ||||
-rw-r--r-- | tpl/views/bubble-group.pug | 6 | ||||
-rw-r--r-- | tpl/views/bubble.pug | 6 | ||||
-rw-r--r-- | tpl/views/dialog.pug | 4 | ||||
-rw-r--r-- | tpl/views/text-field.pug | 6 |
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') |