Polish sidebar toggle alignment and avatar light-mode backgrounds (#103)

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Wes
2026-03-18 10:26:22 -07:00
committed by GitHub
parent 769202c05b
commit e7ffb0e50f
3 changed files with 4 additions and 4 deletions

View File

@@ -484,7 +484,7 @@ export function AppShell() {
</div>
) : (
<React.Fragment>
<SidebarTrigger className="fixed left-[80px] top-[9px] z-50 h-6 w-6 text-muted-foreground/70 hover:bg-muted/60 hover:text-foreground" />
<SidebarTrigger className="fixed left-[80px] top-[8px] z-50 h-6 w-6 text-muted-foreground/70 hover:bg-muted/60 hover:text-foreground" />
<AppSidebar
channels={memberChannels}
currentPubkey={identityQuery.data?.pubkey}

View File

@@ -140,7 +140,7 @@ export function MessageRow({
{message.avatarUrl && !hasAvatarError ? (
<img
alt={`${message.author} avatar`}
className="h-8 w-8 rounded-lg object-cover shadow-sm"
className="h-8 w-8 rounded-lg bg-secondary object-cover shadow-sm"
data-testid="message-avatar-image"
onError={() => {
setHasAvatarError(true);
@@ -166,7 +166,7 @@ export function MessageRow({
) : message.avatarUrl && !hasAvatarError ? (
<img
alt={`${message.author} avatar`}
className="h-8 w-8 shrink-0 rounded-lg object-cover shadow-sm"
className="h-8 w-8 shrink-0 rounded-lg bg-secondary object-cover shadow-sm"
data-testid="message-avatar-image"
onError={() => {
setHasAvatarError(true);

View File

@@ -30,7 +30,7 @@ export function ProfileAvatar({
.slice(0, 2)
.toUpperCase();
const baseClassName = cn(
"flex shrink-0 items-center justify-center overflow-hidden bg-primary/10 text-primary shadow-sm",
"flex shrink-0 items-center justify-center overflow-hidden bg-primary/20 text-primary shadow-sm",
className,
);