From 5e2696d9ae35b37a9f7d0fe1c52b93fb84570464 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Fri, 25 Mar 2022 18:29:21 +0100 Subject: Split demo in :target views --- tpl/views/action-menu.pug | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 tpl/views/action-menu.pug (limited to 'tpl/views/action-menu.pug') diff --git a/tpl/views/action-menu.pug b/tpl/views/action-menu.pug new file mode 100644 index 0000000..4f96934 --- /dev/null +++ b/tpl/views/action-menu.pug @@ -0,0 +1,19 @@ +mixin view-action-menu + +view('action-menu', 'Action menu') + .c-box + 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 + strong.u-d-block= 'Volpeon' + small.u-d-block= '@volpeon@mk.vulpes.one' + +action-menu-separator + +action-menu-item(icon='user')= 'View profile' + +action-menu-item(icon='red' iconIsStatus=true)= 'Mark as away' + +action-menu-separator + +action-menu-item(icon='trash' disabled=true)= 'Delete' + +action-menu-item(icon='bookmark')= 'Bookmark' + +action-menu-item(icon='tags')= 'Tags' + +action-menu-item(postIcon='chevron-right')= 'More' -- cgit v1.2.3-70-g09d2