Split demo in :target views

1 files changed, 19 insertions, 0 deletions

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'