diff options
| author | Volpeon <git@volpeon.ink> | 2023-10-19 11:47:17 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2023-10-19 11:47:17 +0200 |
| commit | 47d6ec3256174a518d5cd370fe9aa9197c804f5a (patch) | |
| tree | 9ad531ea8d9e5e3a5c4181cbd48cb0b88f1b0ecd /tpl/views | |
| parent | Update (diff) | |
| download | iro-design-47d6ec3256174a518d5cd370fe9aa9197c804f5a.tar.gz iro-design-47d6ec3256174a518d5cd370fe9aa9197c804f5a.tar.bz2 iro-design-47d6ec3256174a518d5cd370fe9aa9197c804f5a.zip | |
Implement bubble group with flex
Diffstat (limited to 'tpl/views')
| -rw-r--r-- | tpl/views/bubble-group.pug | 19 |
1 files changed, 19 insertions, 0 deletions
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 | |||
| @@ -19,6 +19,25 @@ mixin view-bubble-group | |||
| 19 | +slot('time')= '12:39' | 19 | +slot('time')= '12:39' |
| 20 | 20 | ||
| 21 | .c-box.l-overflow(style='resize: vertical') | 21 | .c-box.l-overflow(style='resize: vertical') |
| 22 | +bubble-group('Volpeon')(compact=true right=true) | ||
| 23 | strong= 'Volpeon' | ||
| 24 | +bubble()(compact=true class='l-bubble-group__bubble') | ||
| 25 | +slot('body')= 'Compact bubbles test' | ||
| 26 | +slot('time')= '12:34' | ||
| 27 | +bubble()(compact=true class='l-bubble-group__bubble') | ||
| 28 | +slot('body')= loremIpsum | ||
| 29 | +slot('time')= '12:35' | ||
| 30 | +bubble()(compact=true class='l-bubble-group__bubble') | ||
| 31 | +slot('body')= 'qwertzuiop' | ||
| 32 | +slot('time')= '12:36' | ||
| 33 | +bubble()(compact=true class='l-bubble-group__bubble') | ||
| 34 | +slot('body')= '🐈️🦊️' | ||
| 35 | +slot('time')= '12:38' | ||
| 36 | +bubble()(compact=true class='l-bubble-group__bubble') | ||
| 37 | +slot('body')= loremIpsum | ||
| 38 | +slot('time')= '12:39' | ||
| 39 | |||
| 40 | .c-box.l-overflow(style='resize: vertical') | ||
| 22 | +bubble-group('Volpeon') | 41 | +bubble-group('Volpeon') |
| 23 | +bubble()(class='l-bubble-group__bubble') | 42 | +bubble()(class='l-bubble-group__bubble') |
| 24 | +slot('header') | 43 | +slot('header') |