diff options
| author | Volpeon <git@volpeon.ink> | 2024-06-26 21:53:25 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-06-26 21:53:25 +0200 |
| commit | 1ae122fd45f1508287b8a0ea49b07ffc5d3abf85 (patch) | |
| tree | c3ca5e09bdb8ed49b01110d64f0580147fb8deeb /tpl/views | |
| parent | Menus (diff) | |
| download | iro-design-1ae122fd45f1508287b8a0ea49b07ffc5d3abf85.tar.gz iro-design-1ae122fd45f1508287b8a0ea49b07ffc5d3abf85.tar.bz2 iro-design-1ae122fd45f1508287b8a0ea49b07ffc5d3abf85.zip | |
Update
Diffstat (limited to 'tpl/views')
| -rw-r--r-- | tpl/views/action-menu.pug | 20 | ||||
| -rw-r--r-- | tpl/views/menu.pug | 68 |
2 files changed, 17 insertions, 71 deletions
diff --git a/tpl/views/action-menu.pug b/tpl/views/action-menu.pug deleted file mode 100644 index 0546463..0000000 --- a/tpl/views/action-menu.pug +++ /dev/null | |||
| @@ -1,20 +0,0 @@ | |||
| 1 | mixin view-action-menu | ||
| 2 | +view('action-menu', 'Action menu') | ||
| 3 | .c-box | ||
| 4 | div(style={ display: 'flex', 'flex-direction': 'column', 'align-items': 'flex-start' }) | ||
| 5 | +action-button(quiet=true selected=true)= 'Menu' | ||
| 6 | +popover | ||
| 7 | +menu | ||
| 8 | +menu-slot(class='l-media l-media--flush') | ||
| 9 | +avatar(block=true circle=true size='100' src='avatar.png' class='l-media__block') | ||
| 10 | .l-media__block.l-media__block--main | ||
| 11 | strong.u-d-block= 'Volpeon' | ||
| 12 | small.u-d-block= '@volpeon@mk.vulpes.one' | ||
| 13 | +menu-separator | ||
| 14 | +menu-item(icon='user')= 'View profile' | ||
| 15 | +menu-item(icon='red' iconIsStatus=true)= 'Mark as away' | ||
| 16 | +menu-separator | ||
| 17 | +menu-item(icon='trash' disabled=true)= 'Delete' | ||
| 18 | +menu-item(icon='bookmark')= 'Bookmark' | ||
| 19 | +menu-item(icon='tags')= 'Tags' | ||
| 20 | +menu-item(postIcon='chevron-right')= 'More' | ||
diff --git a/tpl/views/menu.pug b/tpl/views/menu.pug index c61cb92..34a15ce 100644 --- a/tpl/views/menu.pug +++ b/tpl/views/menu.pug | |||
| @@ -1,54 +1,20 @@ | |||
| 1 | mixin view-menu | 1 | mixin view-menu |
| 2 | +view('menu', 'Menu') | 2 | +view('menu', 'Menu') |
| 3 | .c-box | 3 | .c-box |
| 4 | div(style={ display: 'flex', gap: '3rem' }) | 4 | div(style={ display: 'flex', 'flex-direction': 'column', 'align-items': 'flex-start' }) |
| 5 | +menu | 5 | +action-button(quiet=true selected=true)= 'Menu' |
| 6 | +menu-header= 'Category 1' | 6 | +popover |
| 7 | +menu-item= 'Mark as away' | 7 | +menu |
| 8 | +menu-item= 'Delete' | 8 | +menu-slot(class='l-media l-media--flush') |
| 9 | 9 | +avatar(block=true circle=true size='100' src='avatar.png' class='l-media__block') | |
| 10 | +menu-header= 'Category 2' | 10 | .l-media__block.l-media__block--main |
| 11 | +menu-item(icon='bookmark')= 'Bookmark' | 11 | strong.u-d-block= 'Volpeon' |
| 12 | +menu-item(icon='tags')= 'Tags' | 12 | small.u-d-block= '@volpeon@mk.vulpes.one' |
| 13 | 13 | +menu-separator | |
| 14 | +menu | 14 | +menu-item(icon='user')= 'View profile' |
| 15 | +menu-item(header=true) | 15 | +menu-item(icon='red' iconIsStatus=true)= 'Mark as away' |
| 16 | = 'Bouncer' | 16 | +menu-separator |
| 17 | 17 | +menu-item(icon='trash' disabled=true)= 'Delete' | |
| 18 | +menu-separator | 18 | +menu-item(icon='bookmark')= 'Bookmark' |
| 19 | 19 | +menu-item(icon='tags')= 'Tags' | |
| 20 | +menu-item(header=true) | 20 | +menu-item(postIcon='chevron-right')= 'More' |
| 21 | = 'Libera' | ||
| 22 | +menu-item(icon='hash') | ||
| 23 | = 'achannel ' | ||
| 24 | +badge('primary')(size='sm')= '12 ' | ||
| 25 | +menu-item(icon='hash') | ||
| 26 | = 'kitsuneirc ' | ||
| 27 | +badge(size='sm')= '31 ' | ||
| 28 | +menu-item(icon='green' iconIsStatus=true) | ||
| 29 | = 'volpeon' | ||
| 30 | +menu-item(icon='red' iconIsStatus=true) | ||
| 31 | = 'someone' | ||
| 32 | |||
| 33 | +menu-separator | ||
| 34 | |||
| 35 | +menu-item(header=true) | ||
| 36 | = 'Ergo Testnet' | ||
| 37 | |||
| 38 | +menu-separator | ||
| 39 | |||
| 40 | +menu-item(header=true) | ||
| 41 | = 'NixNet' | ||
| 42 | |||
| 43 | +menu | ||
| 44 | +menu-header= 'Operators' | ||
| 45 | +menu-item | ||
| 46 | +user-card('volpeon', 0) | ||
| 47 | +menu-item | ||
| 48 | +user-card('curiousfox', 90) | ||
| 49 | |||
| 50 | +menu-header= 'Moderators' | ||
| 51 | +menu-item | ||
| 52 | +user-card('user3567', 135) | ||
| 53 | +menu-item | ||
| 54 | +user-card('johndoe', 270) | ||