mirror of
https://github.com/block/buzz.git
synced 2026-10-27 04:30:52 +00:00
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:
@@ -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}
|
||||
|
||||
@@ -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);
|
||||
|
||||
@@ -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,
|
||||
);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user