diff options
Diffstat (limited to 'tpl/views/avatar.pug')
| -rw-r--r-- | tpl/views/avatar.pug | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/tpl/views/avatar.pug b/tpl/views/avatar.pug index 01aaf93..7941649 100644 --- a/tpl/views/avatar.pug +++ b/tpl/views/avatar.pug | |||
| @@ -2,6 +2,14 @@ mixin view-avatar | |||
| 2 | +view('avatar', 'Avatar') | 2 | +view('avatar', 'Avatar') |
| 3 | .c-box | 3 | .c-box |
| 4 | div(style={ display: 'flex', gap: '.3em' }) | 4 | div(style={ display: 'flex', gap: '.3em' }) |
| 5 | +avatar(size='150' hue=180) | ||
| 6 | = 'Vo' | ||
| 7 | +avatar(size='150' hue=225) | ||
| 8 | = 'lp' | ||
| 9 | +avatar(size='150' src='avatar.png') | ||
| 10 | br | ||
| 11 | br | ||
| 12 | div(style={ display: 'flex', gap: '.3em' }) | ||
| 5 | +avatar | 13 | +avatar |
| 6 | = 'Vo' | 14 | = 'Vo' |
| 7 | +avatar(status='green' hue=45) | 15 | +avatar(status='green' hue=45) |
| @@ -28,6 +36,14 @@ mixin view-avatar | |||
| 28 | 36 | ||
| 29 | .c-box | 37 | .c-box |
| 30 | div(style={ display: 'flex', gap: '.3em' }) | 38 | div(style={ display: 'flex', gap: '.3em' }) |
| 39 | +avatar(circle=true size='150' hue=180) | ||
| 40 | = 'Vo' | ||
| 41 | +avatar(circle=true size='150' hue=225) | ||
| 42 | = 'lp' | ||
| 43 | +avatar(circle=true size='150' src='avatar.png') | ||
| 44 | br | ||
| 45 | br | ||
| 46 | div(style={ display: 'flex', gap: '.3em' }) | ||
| 31 | +avatar(circle=true) | 47 | +avatar(circle=true) |
| 32 | = 'Vo' | 48 | = 'Vo' |
| 33 | +avatar(circle=true status='green' hue=45) | 49 | +avatar(circle=true status='green' hue=45) |
