diff options
Diffstat (limited to 'tpl/views/dialog.pug')
-rw-r--r-- | tpl/views/dialog.pug | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/tpl/views/dialog.pug b/tpl/views/dialog.pug index 9d6061d..6ef06df 100644 --- a/tpl/views/dialog.pug +++ b/tpl/views/dialog.pug | |||
@@ -1,13 +1,13 @@ | |||
1 | mixin view-dialog | 1 | mixin view-dialog |
2 | +view('dialog', 'Dialog') | 2 | +view('dialog', 'Dialog') |
3 | .c-box | 3 | .c-box |
4 | +backdrop | 4 | +backdrop(pad=true) |
5 | +dialog('Lorem ipsum')(flat=true) | 5 | +dialog('Lorem ipsum')(flat=true) |
6 | +slot('body') | 6 | +slot('body') |
7 | = loremIpsum | 7 | = loremIpsum |
8 | 8 | ||
9 | .c-box | 9 | .c-box |
10 | +backdrop | 10 | +backdrop(pad=true) |
11 | +dialog('Lorem ipsum')(bodyClass='l-overflow') | 11 | +dialog('Lorem ipsum')(bodyClass='l-overflow') |
12 | +slot('body') | 12 | +slot('body') |
13 | p.u-mt-0= loremIpsum | 13 | p.u-mt-0= loremIpsum |
@@ -17,7 +17,7 @@ mixin view-dialog | |||
17 | p= loremIpsum | 17 | p= loremIpsum |
18 | 18 | ||
19 | .c-box | 19 | .c-box |
20 | +backdrop | 20 | +backdrop(pad=true) |
21 | +dialog('Tags')(sidebarTitle='#channel') | 21 | +dialog('Tags')(sidebarTitle='#channel') |
22 | +slot('sidebar') | 22 | +slot('sidebar') |
23 | +menu(style={ 'min-width': '10em' }) | 23 | +menu(style={ 'min-width': '10em' }) |
@@ -28,7 +28,7 @@ mixin view-dialog | |||
28 | p.u-mt-0= loremIpsum | 28 | p.u-mt-0= loremIpsum |
29 | 29 | ||
30 | .c-box | 30 | .c-box |
31 | +backdrop | 31 | +backdrop(pad=true) |
32 | +dialog('#channel') | 32 | +dialog('#channel') |
33 | +slot('sidebar') | 33 | +slot('sidebar') |
34 | +menu(style={ 'min-width': '10em' }) | 34 | +menu(style={ 'min-width': '10em' }) |
@@ -39,14 +39,14 @@ mixin view-dialog | |||
39 | p.u-mt-0= loremIpsum | 39 | p.u-mt-0= loremIpsum |
40 | 40 | ||
41 | .c-box | 41 | .c-box |
42 | +backdrop | 42 | +backdrop(pad=true) |
43 | +dialog | 43 | +dialog |
44 | +slot('header') | 44 | +slot('header') |
45 | .l-media__block.l-flex | 45 | .l-media__block.l-flex |
46 | +action-button(quiet=true icon='chevron-left') | 46 | +action-button(quiet=true icon='chevron-left') |
47 | +action-button(quiet=true icon='chevron-right') | 47 | +action-button(quiet=true icon='chevron-right') |
48 | .l-media__block.l-media__block--main | 48 | .l-media__block.l-media__block--main |
49 | +div-heading('sm')= 'Tags' | 49 | +div-heading('xl')(class="u-mt-0")= 'Tags' |
50 | +slot('sidebar') | 50 | +slot('sidebar') |
51 | +menu(style={ 'min-width': '10em' }) | 51 | +menu(style={ 'min-width': '10em' }) |
52 | +menu-item(icon='bookmark')= 'Bookmark' | 52 | +menu-item(icon='bookmark')= 'Bookmark' |