ds-chat/frontend/src/components/UserAvatar.css at 8ca3e2e23d113599963912959f2017f656abdeca - ds-chat - DarkSingularity

DarkSingularity/ds-chat

Private

Public Access

Files

T

ksmith 8ca3e2e23d Add user profile management: display name + avatar upload (Gitea issue #12 )

Users can set a display name (shown instead of username in the message
list, room member list, TopBar, and admin Users tab) and upload a real
avatar, replacing the generated color-initial avatars everywhere a user
appears. Avatars are square-cropped and downscaled to 512px, reusing
app/storage.py's upload primitives from image uploads with a new square
option.

Two deliberate divergences from message-image handling, documented in
backend/README.md: the previous avatar file is deleted on replace/remove
(safe since it's strictly one file per user), and avatar serving is not
room-gated and uses a short cache (identity-addressed and mutable, unlike
a message image's permanent content-addressed URL).

Frontend: new ProfileModal reachable from the TopBar account menu;
AuthContext gains updateUser() so a profile change reflects instantly
everywhere without a refetch.

2026-08-14 16:59:56 -06:00

15 lines

245 B

CSS

Raw Blame History

 .user-avatar {
   border-radius: var(--radius-pill);
   flex: none;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 700;
   color: var(--ds-text);
   font-size: 0.68rem;
 }
 .user-avatar-img {
   object-fit: cover;
 }