diff options
Diffstat (limited to 'tpl/views/dialog.pug')
| -rw-r--r-- | tpl/views/dialog.pug | 17 |
1 files changed, 7 insertions, 10 deletions
diff --git a/tpl/views/dialog.pug b/tpl/views/dialog.pug index 0b6f8e7..f90ef21 100644 --- a/tpl/views/dialog.pug +++ b/tpl/views/dialog.pug | |||
| @@ -2,7 +2,7 @@ mixin view-dialog | |||
| 2 | +view('dialog', 'Dialog') | 2 | +view('dialog', 'Dialog') |
| 3 | .c-box | 3 | .c-box |
| 4 | +backdrop | 4 | +backdrop |
| 5 | +dialog('Lorem ipsum') | 5 | +dialog('Lorem ipsum')(flat=true) |
| 6 | +slot('body') | 6 | +slot('body') |
| 7 | = loremIpsum | 7 | = loremIpsum |
| 8 | 8 | ||
| @@ -18,9 +18,7 @@ mixin view-dialog | |||
| 18 | 18 | ||
| 19 | .c-box | 19 | .c-box |
| 20 | +backdrop | 20 | +backdrop |
| 21 | +dialog('Tags') | 21 | +dialog('Tags')(sidebarTitle='#channel') |
| 22 | +slot('sidebar-header') | ||
| 23 | +div-heading('sm')(class='o-dialog__label')= '#channel' | ||
| 24 | +slot('sidebar') | 22 | +slot('sidebar') |
| 25 | +menu(style={ 'min-width': '10em' }) | 23 | +menu(style={ 'min-width': '10em' }) |
| 26 | +menu-item(icon='bookmark')= 'Bookmark' | 24 | +menu-item(icon='bookmark')= 'Bookmark' |
| @@ -44,12 +42,11 @@ mixin view-dialog | |||
| 44 | +backdrop | 42 | +backdrop |
| 45 | +dialog | 43 | +dialog |
| 46 | +slot('header') | 44 | +slot('header') |
| 47 | .l-card.l-card--flush | 45 | .l-card__block.l-flex |
| 48 | .l-card__block.l-flex | 46 | +action-button(quiet=true icon='chevron-left') |
| 49 | +action-button(quiet=true icon='chevron-left') | 47 | +action-button(quiet=true icon='chevron-right') |
| 50 | +action-button(quiet=true icon='chevron-right') | 48 | .l-card__block.l-card__block--main |
| 51 | .l-card__block.l-card__block--main | 49 | +div-heading('sm')= 'Tags' |
| 52 | +div-heading('sm')= 'Tags' | ||
| 53 | +slot('sidebar') | 50 | +slot('sidebar') |
| 54 | +menu(style={ 'min-width': '10em' }) | 51 | +menu(style={ 'min-width': '10em' }) |
| 55 | +menu-item(icon='bookmark')= 'Bookmark' | 52 | +menu-item(icon='bookmark')= 'Bookmark' |