diff options
| author | Volpeon <git@volpeon.ink> | 2024-06-26 21:47:55 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-06-26 21:47:55 +0200 |
| commit | 03bb4268367dcd3b2d327d3834e2047a56687a86 (patch) | |
| tree | 83f6f6837fc909dd8cc5f8166c3c1b4ae78c85d9 /tpl/views/action-menu.pug | |
| parent | Update (diff) | |
| download | iro-design-03bb4268367dcd3b2d327d3834e2047a56687a86.tar.gz iro-design-03bb4268367dcd3b2d327d3834e2047a56687a86.tar.bz2 iro-design-03bb4268367dcd3b2d327d3834e2047a56687a86.zip | |
Menus
Diffstat (limited to 'tpl/views/action-menu.pug')
| -rw-r--r-- | tpl/views/action-menu.pug | 29 |
1 files changed, 15 insertions, 14 deletions
diff --git a/tpl/views/action-menu.pug b/tpl/views/action-menu.pug index 3357caa..0546463 100644 --- a/tpl/views/action-menu.pug +++ b/tpl/views/action-menu.pug | |||
| @@ -3,17 +3,18 @@ mixin view-action-menu | |||
| 3 | .c-box | 3 | .c-box |
| 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 | +popover |
| 7 | +action-menu-slot(class='l-media l-media--flush') | 7 | +menu |
| 8 | +avatar(block=true circle=true size='100' src='avatar.png' class='l-media__block') | 8 | +menu-slot(class='l-media l-media--flush') |
| 9 | .l-media__block.l-media__block--main | 9 | +avatar(block=true circle=true size='100' src='avatar.png' class='l-media__block') |
| 10 | strong.u-d-block= 'Volpeon' | 10 | .l-media__block.l-media__block--main |
| 11 | small.u-d-block= '@volpeon@mk.vulpes.one' | 11 | strong.u-d-block= 'Volpeon' |
| 12 | +action-menu-separator | 12 | small.u-d-block= '@volpeon@mk.vulpes.one' |
| 13 | +action-menu-item(icon='user')= 'View profile' | 13 | +menu-separator |
| 14 | +action-menu-item(icon='red' iconIsStatus=true)= 'Mark as away' | 14 | +menu-item(icon='user')= 'View profile' |
| 15 | +action-menu-separator | 15 | +menu-item(icon='red' iconIsStatus=true)= 'Mark as away' |
| 16 | +action-menu-item(icon='trash' disabled=true)= 'Delete' | 16 | +menu-separator |
| 17 | +action-menu-item(icon='bookmark')= 'Bookmark' | 17 | +menu-item(icon='trash' disabled=true)= 'Delete' |
| 18 | +action-menu-item(icon='tags')= 'Tags' | 18 | +menu-item(icon='bookmark')= 'Bookmark' |
| 19 | +action-menu-item(postIcon='chevron-right')= 'More' | 19 | +menu-item(icon='tags')= 'Tags' |
| 20 | +menu-item(postIcon='chevron-right')= 'More' | ||