Add Avatar Border for Visual Consistency

This commit is contained in:
Kerwin Bryant 2024-11-20 06:17:19 +00:00
parent 355889dbc2
commit 7831654e38
2 changed files with 2 additions and 1 deletions

View File

@ -24,7 +24,7 @@ import (
const ( const (
// DefaultAvatarClass is the default class of a rendered avatar // DefaultAvatarClass is the default class of a rendered avatar
DefaultAvatarClass = "ui avatar tw-align-middle" DefaultAvatarClass = "ui avatar border tw-align-middle"
// DefaultAvatarPixelSize is the default size in pixels of a rendered avatar // DefaultAvatarPixelSize is the default size in pixels of a rendered avatar
DefaultAvatarPixelSize = 28 DefaultAvatarPixelSize = 28
) )

View File

@ -462,6 +462,7 @@ img.ui.avatar,
.ui.avatar img, .ui.avatar img,
.ui.avatar svg { .ui.avatar svg {
border-radius: var(--border-radius); border-radius: var(--border-radius);
border-color: var(--color-secondary);
object-fit: contain; object-fit: contain;
aspect-ratio: 1; aspect-ratio: 1;
} }