diff options
Diffstat (limited to 'tpl/views')
-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' |