summaryrefslogtreecommitdiffstats
path: root/tpl/views
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-03-28 09:00:40 +0200
committerVolpeon <git@volpeon.ink>2022-03-28 09:00:40 +0200
commit120ad0cdc11143fb6f184bcbca332dbf8a2114e8 (patch)
treeb25fbe77ac51d99d20e09be6308af718df5d174f /tpl/views
parentImproved bubbles (diff)
downloadiro-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.pug4
-rw-r--r--tpl/views/bubble.pug9
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 @@
1mixin view-bubble-group 1mixin 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