diff options
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 | ||
