From 9faf093cc16ad6ee9eafbaf253ff6c31a1f5ee7f Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 11 Jun 2022 07:54:12 +0200 Subject: card -> media --- tpl/views/action-menu.pug | 6 +++--- tpl/views/bubble-group.pug | 6 +++--- tpl/views/bubble.pug | 6 +++--- tpl/views/dialog.pug | 4 ++-- tpl/views/text-field.pug | 6 +++--- 5 files changed, 14 insertions(+), 14 deletions(-) (limited to 'tpl/views') 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 div(style={ display: 'flex', 'flex-direction': 'column', 'align-items': 'flex-start' }) +action-button(quiet=true selected=true)= 'Menu' +action-menu - +action-menu-slot(class='l-card l-card--flush') - +avatar(block=true circle=true size='100' src='avatar.png' class='l-card__block') - .l-card__block.l-card__block--main + +action-menu-slot(class='l-media l-media--flush') + +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' small.u-d-block= '@volpeon@mk.vulpes.one' +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 +bubble-group('Volpeon') +bubble()(class='l-bubble-group__bubble') +slot('header') - .l-card.l-card--flush - .l-card__block.l-card__block--main + .l-media.l-media--flush + .l-media__block.l-media__block--main strong= 'Volpeon' small.u-ml-100= '@volpeon@mk.vulpes.one' - small.l-card__block + small.l-media__block = '5 minutes ago' +icon('lock')(class='u-ml-100') +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 .c-box.l-overflow(style='resize: vertical') +bubble('Volpeon')(avatar=true) +slot('header') - .l-card.l-card--flush - .l-card__block.l-card__block--main + .l-media.l-media--flush + .l-media__block.l-media__block--main strong= 'Volpeon' small.u-ml-100= '@volpeon@mk.vulpes.one' - small.l-card__block + small.l-media__block = '5 minutes ago' +icon('lock')(class='u-ml-100') +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 +backdrop +dialog +slot('header') - .l-card__block.l-flex + .l-media__block.l-flex +action-button(quiet=true icon='chevron-left') +action-button(quiet=true icon='chevron-right') - .l-card__block.l-card__block--main + .l-media__block.l-media__block--main +div-heading('sm')= 'Tags' +slot('sidebar') +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 div +text-field(placeholder='Just landed in L.A.' class="u-p-50") +slot('pre') - +action-button(quiet=true class='l-card__block')= 'Volpeon' + +action-button(quiet=true class='l-media__block')= 'Volpeon' +divider('vertical')(class='u-ml-50') +slot('post') - +action-button(quiet=true icon='smile' class='l-card__block') - +action-button(quiet=true icon='send' class='l-card__block') + +action-button(quiet=true icon='smile' class='l-media__block') + +action-button(quiet=true icon='send' class='l-media__block') -- cgit v1.2.3-70-g09d2