Add Avatar Border for Visual Consistency

kerwin612 · kerwin612 · commit 7831654e38b8 · 2024-11-20T06:17:19.000Z
diff --git a/models/avatars/avatar.go b/models/avatars/avatar.go
@@ -24,7 +24,7 @@ import (
 
 const (
 	// 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 = 28
 )
diff --git a/web_src/css/base.css b/web_src/css/base.css
@@ -462,6 +462,7 @@ img.ui.avatar,
 .ui.avatar img,
 .ui.avatar svg {
   border-radius: var(--border-radius);
+  border-color: var(--color-secondary);
   object-fit: contain;
   aspect-ratio: 1;
 }

Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,7 @@ import (`
`24`	`24`
`25`	`25`	`const (`
`26`	`26`	`// DefaultAvatarClass is the default class of a rendered avatar`
`27`		`- DefaultAvatarClass = "ui avatar tw-align-middle"`
	`27`	`+ DefaultAvatarClass = "ui avatar border tw-align-middle"`
`28`	`28`	`// DefaultAvatarPixelSize is the default size in pixels of a rendered avatar`
`29`	`29`	`DefaultAvatarPixelSize = 28`
`30`	`30`	`)`
Original file line number	Diff line number	Diff line change
`@@ -462,6 +462,7 @@ img.ui.avatar,`
`462`	`462`	`.ui.avatar img,`
`463`	`463`	`.ui.avatar svg {`
`464`	`464`	`border-radius: var(--border-radius);`
	`465`	`+ border-color: var(--color-secondary);`
`465`	`466`	`object-fit: contain;`
`466`	`467`	`aspect-ratio: 1;`
`467`	`468`	`}`