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/objects/bubble-group.pug | 3 ++- tpl/views/bubble-group.pug | 19 +++++++++++++++++++ 2 files changed, 21 insertions(+), 1 deletion(-) (limited to 'tpl') diff --git a/tpl/objects/bubble-group.pug b/tpl/objects/bubble-group.pug index 4fcb1a4..e22953d 100644 --- a/tpl/objects/bubble-group.pug +++ b/tpl/objects/bubble-group.pug @@ -14,4 +14,5 @@ mixin bubble-group(user) section(class=classes) .l-bubble-group__avatar.u-p-sticky-top +avatar= user.slice(0, 2) - block + .l-bubble-group__content + block 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