summaryrefslogtreecommitdiffstats
path: root/tpl/views/dialog.pug
blob: 9d6061d10e349e27a4473ce94d085b39d7cdc021 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
mixin view-dialog 
    +view('dialog', 'Dialog')
        .c-box
            +backdrop
                +dialog('Lorem ipsum')(flat=true)
                    +slot('body')
                        = loremIpsum

        .c-box
            +backdrop
                +dialog('Lorem ipsum')(bodyClass='l-overflow')
                    +slot('body')
                        p.u-mt-0= loremIpsum
                        p= loremIpsum
                        p= loremIpsum
                        p= loremIpsum
                        p= loremIpsum

        .c-box
            +backdrop
                +dialog('Tags')(sidebarTitle='#channel')
                    +slot('sidebar')
                        +menu(style={ 'min-width': '10em' })
                            +menu-item(icon='bookmark')= 'Bookmark'
                            +menu-item(icon='tags', selected=true)= 'Tags'
                            +menu-item(icon='hash')= 'achannel'
                    +slot('body')
                        p.u-mt-0= loremIpsum

        .c-box
            +backdrop
                +dialog('#channel')
                    +slot('sidebar')
                        +menu(style={ 'min-width': '10em' })
                            +menu-item(icon='bookmark')= 'Bookmark'
                            +menu-item(icon='tags', selected=true)= 'Tags'
                            +menu-item(icon='hash')= 'achannel'
                    +slot('body')
                        p.u-mt-0= loremIpsum

        .c-box
            +backdrop
                +dialog
                    +slot('header')
                        .l-media__block.l-flex
                            +action-button(quiet=true icon='chevron-left')
                            +action-button(quiet=true icon='chevron-right')
                        .l-media__block.l-media__block--main
                            +div-heading('sm')= 'Tags'
                    +slot('sidebar')
                        +menu(style={ 'min-width': '10em' })
                            +menu-item(icon='bookmark')= 'Bookmark'
                            +menu-item(icon='tags', selected=true)= 'Tags'
                            +menu-item(icon='hash')= 'achannel'
                    +slot('body')
                        p.u-mt-0= loremIpsum