From 6506d7789d73cdf68ada93c3e6dba4997a13c0de Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 3 Feb 2026 16:24:33 +0100 Subject: Avatar: support icon overlay --- tpl/objects/avatar.pug | 6 ++++++ tpl/views/avatar.pug | 2 ++ 2 files changed, 8 insertions(+) (limited to 'tpl') diff --git a/tpl/objects/avatar.pug b/tpl/objects/avatar.pug index ca3de07..d464d93 100644 --- a/tpl/objects/avatar.pug +++ b/tpl/objects/avatar.pug @@ -24,6 +24,9 @@ mixin avatar a(class=classes style=styles href=attributes.href) if attributes.status +status-indicator(attributes.status)(class='o-avatar__status') + if attributes.icon + .o-avatar__icon + +icon(attributes.icon) if attributes.src img.o-avatar__content(src=attributes.src) else @@ -33,6 +36,9 @@ mixin avatar div(class=classes style=styles) if attributes.status +status-indicator(attributes.status)(class='o-avatar__status') + if attributes.icon + .o-avatar__icon + +icon(attributes.icon) if attributes.src img.o-avatar__content(src=attributes.src) else diff --git a/tpl/views/avatar.pug b/tpl/views/avatar.pug index f345098..1c364c8 100644 --- a/tpl/views/avatar.pug +++ b/tpl/views/avatar.pug @@ -8,6 +8,7 @@ mixin view-avatar = 'lp' +avatar(size=size src='avatar.png') +avatar(size=size src='avatar.png' status='red') + +avatar(size=size src='avatar.png' icon='video') each size in ['xs', 'sm', 'md', 'lg', 'xl', 'xxl', 'xxxl'] .c-box(style={ display: 'flex', gap: '.3em' }) @@ -17,3 +18,4 @@ mixin view-avatar = 'lp' +avatar(circle=true size=size src='avatar.png') +avatar(circle=true size=size src='avatar.png' status='red') + +avatar(circle=true size=size src='avatar.png' icon='video') -- cgit v1.2.3-70-g09d2