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') |
