diff options
author | Volpeon <git@volpeon.ink> | 2022-03-28 09:00:40 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-03-28 09:00:40 +0200 |
commit | 120ad0cdc11143fb6f184bcbca332dbf8a2114e8 (patch) | |
tree | b25fbe77ac51d99d20e09be6308af718df5d174f /tpl/views | |
parent | Improved bubbles (diff) | |
download | iro-design-120ad0cdc11143fb6f184bcbca332dbf8a2114e8.tar.gz iro-design-120ad0cdc11143fb6f184bcbca332dbf8a2114e8.tar.bz2 iro-design-120ad0cdc11143fb6f184bcbca332dbf8a2114e8.zip |
Improved bubble
Diffstat (limited to 'tpl/views')
-rw-r--r-- | tpl/views/bubble-group.pug | 4 | ||||
-rw-r--r-- | tpl/views/bubble.pug | 9 |
2 files changed, 8 insertions, 5 deletions
diff --git a/tpl/views/bubble-group.pug b/tpl/views/bubble-group.pug index ec7d025..19b06c4 100644 --- a/tpl/views/bubble-group.pug +++ b/tpl/views/bubble-group.pug | |||
@@ -1,6 +1,6 @@ | |||
1 | mixin view-bubble-group | 1 | mixin view-bubble-group |
2 | +view('bubble-group', 'Bubble group') | 2 | +view('bubble-group', 'Bubble group') |
3 | .c-box.l-overflow(style='max-height: 15em') | 3 | .c-box.l-overflow(style='resize: vertical') |
4 | +bubble-group('Volpeon')(compact=true arrow=true) | 4 | +bubble-group('Volpeon')(compact=true arrow=true) |
5 | +bubble('Volpeon')(compact=true class='l-bubble-group__bubble') | 5 | +bubble('Volpeon')(compact=true class='l-bubble-group__bubble') |
6 | +slot('body')= 'Compact bubbles test' | 6 | +slot('body')= 'Compact bubbles test' |
@@ -18,7 +18,7 @@ mixin view-bubble-group | |||
18 | +slot('body')= loremIpsum | 18 | +slot('body')= loremIpsum |
19 | +slot('time')= '12:39' | 19 | +slot('time')= '12:39' |
20 | 20 | ||
21 | .c-box.l-overflow(style='max-height: 15em') | 21 | .c-box.l-overflow(style='resize: vertical') |
22 | +bubble-group('Volpeon') | 22 | +bubble-group('Volpeon') |
23 | +bubble()(class='l-bubble-group__bubble') | 23 | +bubble()(class='l-bubble-group__bubble') |
24 | +slot('header') | 24 | +slot('header') |
diff --git a/tpl/views/bubble.pug b/tpl/views/bubble.pug index 5e53f5b..0e65635 100644 --- a/tpl/views/bubble.pug +++ b/tpl/views/bubble.pug | |||
@@ -11,8 +11,8 @@ mixin view-bubble | |||
11 | +bubble()(compact=true theme='t-def') | 11 | +bubble()(compact=true theme='t-def') |
12 | +slot('body')= loremIpsum | 12 | +slot('body')= loremIpsum |
13 | 13 | ||
14 | .c-box | 14 | .c-box.l-overflow(style='resize: vertical') |
15 | +bubble() | 15 | +bubble('Volpeon')(avatar=true) |
16 | +slot('header') | 16 | +slot('header') |
17 | .l-card.l-card--flush | 17 | .l-card.l-card--flush |
18 | .l-card__block.l-card__block--main | 18 | .l-card__block.l-card__block--main |
@@ -21,4 +21,7 @@ mixin view-bubble | |||
21 | small.l-card__block | 21 | small.l-card__block |
22 | = '5 minutes ago' | 22 | = '5 minutes ago' |
23 | +icon('lock')(class='u-ml-100') | 23 | +icon('lock')(class='u-ml-100') |
24 | +slot('body')= loremIpsum | 24 | +slot('body') |
25 | = loremIpsum | ||
26 | = loremIpsum | ||
27 | = loremIpsum | ||