Avatar: support icon overlay

2 files changed, 8 insertions, 0 deletions

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')