diff options
author | Volpeon <git@volpeon.ink> | 2023-11-09 15:44:54 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2023-11-09 15:44:54 +0100 |
commit | 679b9b108101b67ad56b4fdf35ec2bd0568d8d84 (patch) | |
tree | 1b097e9f90627ca401174c738a8d754e8f2cce6b /tpl/views/message.pug | |
parent | Simplified bubble arrows (diff) | |
download | iro-design-679b9b108101b67ad56b4fdf35ec2bd0568d8d84.tar.gz iro-design-679b9b108101b67ad56b4fdf35ec2bd0568d8d84.tar.bz2 iro-design-679b9b108101b67ad56b4fdf35ec2bd0568d8d84.zip |
Renamed "bubble" to "message", added message group merging
Diffstat (limited to 'tpl/views/message.pug')
-rw-r--r-- | tpl/views/message.pug | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/tpl/views/message.pug b/tpl/views/message.pug new file mode 100644 index 0000000..f256e41 --- /dev/null +++ b/tpl/views/message.pug | |||
@@ -0,0 +1,31 @@ | |||
1 | mixin view-message | ||
2 | +view('message', 'Message') | ||
3 | .c-box | ||
4 | +message('Volpeon')(compact=true theme='t-up') | ||
5 | +slot('body')= loremIpsum | ||
6 | +slot('time') | ||
7 | = '12:34' | ||
8 | +icon('lock')(class='u-ml-100') | ||
9 | |||
10 | .c-box | ||
11 | +message('Volpeon')(compact=true highlight=true theme='t-up') | ||
12 | +slot('body')= loremIpsum | ||
13 | |||
14 | .c-box.u-themed.t-hi | ||
15 | +message()(compact=true bubble=true theme='t-def') | ||
16 | +slot('body')= loremIpsum | ||
17 | |||
18 | .c-box.l-overflow(style='resize: vertical') | ||
19 | +message('Volpeon')(avatar=true theme='t-up') | ||
20 | +slot('header') | ||
21 | .l-media.l-media--flush | ||
22 | .l-media__block.l-media__block--main | ||
23 | strong= 'Volpeon' | ||
24 | small.u-ml-100= '@volpeon@mk.vulpes.one' | ||
25 | small.l-media__block | ||
26 | = '5 minutes ago' | ||
27 | +icon('lock')(class='u-ml-100') | ||
28 | +slot('body') | ||
29 | = loremIpsum | ||
30 | = loremIpsum | ||
31 | = loremIpsum | ||