From 7ef3a81eab1aa167d3c9abb3b5100bf26001244d Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 5 Feb 2023 19:34:44 +0100 Subject: Bubble --- tpl/objects/bubble.pug | 7 ++++--- tpl/objects/text-field.pug | 6 +++--- tpl/views/bubble.pug | 4 ++++ 3 files changed, 11 insertions(+), 6 deletions(-) (limited to 'tpl') diff --git a/tpl/objects/bubble.pug b/tpl/objects/bubble.pug index 03fb10d..52f8949 100644 --- a/tpl/objects/bubble.pug +++ b/tpl/objects/bubble.pug @@ -8,9 +8,10 @@ mixin bubble(user) block ? block() : undefined let classes = { - 'o-bubble': true, - 'o-bubble--75': attributes.compact, - 't-raised': !attributes.theme + 'o-bubble': true, + 'o-bubble--75': attributes.compact, + 'o-bubble--highlight': attributes.highlight, + 't-raised': !attributes.theme } if (attributes.class) { classes[attributes.class] = true diff --git a/tpl/objects/text-field.pug b/tpl/objects/text-field.pug index d5c4444..895770d 100644 --- a/tpl/objects/text-field.pug +++ b/tpl/objects/text-field.pug @@ -14,9 +14,9 @@ mixin text-field 'o-text-field--extended': !!block, 'is-invalid': attributes.invalid, 'is-disabled': attributes.disabled, - 'l-media': !!block, - 'l-media--flush': !!block, - 'l-media--gapless': !!block, + 'l-media': !!block, + 'l-media--flush': !!block, + 'l-media--gapless': !!block, } if (attributes.class) { classes[attributes.class] = true; diff --git a/tpl/views/bubble.pug b/tpl/views/bubble.pug index be9cf38..84d0912 100644 --- a/tpl/views/bubble.pug +++ b/tpl/views/bubble.pug @@ -7,6 +7,10 @@ mixin view-bubble = '12:34' +icon('lock')(class='u-ml-100') + .c-box + +bubble('Volpeon')(compact=true, highlight=true) + +slot('body')= loremIpsum + .c-box.u-themed.t-hi +bubble()(compact=true theme='t-def') +slot('body')= loremIpsum -- cgit v1.2.3-70-g09d2