From 47d6ec3256174a518d5cd370fe9aa9197c804f5a Mon Sep 17 00:00:00 2001 From: Volpeon Date: Thu, 19 Oct 2023 11:47:17 +0200 Subject: Implement bubble group with flex --- tpl/views/bubble-group.pug | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) (limited to 'tpl/views') diff --git a/tpl/views/bubble-group.pug b/tpl/views/bubble-group.pug index ce00067..dcdbe73 100644 --- a/tpl/views/bubble-group.pug +++ b/tpl/views/bubble-group.pug @@ -18,6 +18,25 @@ mixin view-bubble-group +slot('body')= loremIpsum +slot('time')= '12:39' + .c-box.l-overflow(style='resize: vertical') + +bubble-group('Volpeon')(compact=true right=true) + strong= 'Volpeon' + +bubble()(compact=true class='l-bubble-group__bubble') + +slot('body')= 'Compact bubbles test' + +slot('time')= '12:34' + +bubble()(compact=true class='l-bubble-group__bubble') + +slot('body')= loremIpsum + +slot('time')= '12:35' + +bubble()(compact=true class='l-bubble-group__bubble') + +slot('body')= 'qwertzuiop' + +slot('time')= '12:36' + +bubble()(compact=true class='l-bubble-group__bubble') + +slot('body')= '🐈️🦊️' + +slot('time')= '12:38' + +bubble()(compact=true class='l-bubble-group__bubble') + +slot('body')= loremIpsum + +slot('time')= '12:39' + .c-box.l-overflow(style='resize: vertical') +bubble-group('Volpeon') +bubble()(class='l-bubble-group__bubble') -- cgit v1.2.3-70-g09d2