diff options
Diffstat (limited to 'tpl')
| -rw-r--r-- | tpl/objects/avatar.pug | 6 | ||||
| -rw-r--r-- | tpl/views/avatar.pug | 2 |
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 | |||
| 24 | a(class=classes style=styles href=attributes.href) | 24 | a(class=classes style=styles href=attributes.href) |
| 25 | if attributes.status | 25 | if attributes.status |
| 26 | +status-indicator(attributes.status)(class='o-avatar__status') | 26 | +status-indicator(attributes.status)(class='o-avatar__status') |
| 27 | if attributes.icon | ||
| 28 | .o-avatar__icon | ||
| 29 | +icon(attributes.icon) | ||
| 27 | if attributes.src | 30 | if attributes.src |
| 28 | img.o-avatar__content(src=attributes.src) | 31 | img.o-avatar__content(src=attributes.src) |
| 29 | else | 32 | else |
| @@ -33,6 +36,9 @@ mixin avatar | |||
| 33 | div(class=classes style=styles) | 36 | div(class=classes style=styles) |
| 34 | if attributes.status | 37 | if attributes.status |
| 35 | +status-indicator(attributes.status)(class='o-avatar__status') | 38 | +status-indicator(attributes.status)(class='o-avatar__status') |
| 39 | if attributes.icon | ||
| 40 | .o-avatar__icon | ||
| 41 | +icon(attributes.icon) | ||
| 36 | if attributes.src | 42 | if attributes.src |
| 37 | img.o-avatar__content(src=attributes.src) | 43 | img.o-avatar__content(src=attributes.src) |
| 38 | else | 44 | 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 | |||
| 8 | = 'lp' | 8 | = 'lp' |
| 9 | +avatar(size=size src='avatar.png') | 9 | +avatar(size=size src='avatar.png') |
| 10 | +avatar(size=size src='avatar.png' status='red') | 10 | +avatar(size=size src='avatar.png' status='red') |
| 11 | +avatar(size=size src='avatar.png' icon='video') | ||
| 11 | 12 | ||
| 12 | each size in ['xs', 'sm', 'md', 'lg', 'xl', 'xxl', 'xxxl'] | 13 | each size in ['xs', 'sm', 'md', 'lg', 'xl', 'xxl', 'xxxl'] |
| 13 | .c-box(style={ display: 'flex', gap: '.3em' }) | 14 | .c-box(style={ display: 'flex', gap: '.3em' }) |
| @@ -17,3 +18,4 @@ mixin view-avatar | |||
| 17 | = 'lp' | 18 | = 'lp' |
| 18 | +avatar(circle=true size=size src='avatar.png') | 19 | +avatar(circle=true size=size src='avatar.png') |
| 19 | +avatar(circle=true size=size src='avatar.png' status='red') | 20 | +avatar(circle=true size=size src='avatar.png' status='red') |
| 21 | +avatar(circle=true size=size src='avatar.png' icon='video') | ||
