fix avatar change affordance
This commit is contained in:
@@ -10,7 +10,6 @@ import { KeyHint } from '@/components/key-hint';
|
|||||||
import { ScrollArea } from '@/components/ui/scroll-area';
|
import { ScrollArea } from '@/components/ui/scroll-area';
|
||||||
|
|
||||||
interface StreamListSidebarProps {
|
interface StreamListSidebarProps {
|
||||||
streamName: string;
|
|
||||||
items: Particle[];
|
items: Particle[];
|
||||||
networkId: string;
|
networkId: string;
|
||||||
currentIndex: number;
|
currentIndex: number;
|
||||||
@@ -24,7 +23,6 @@ interface StreamListSidebarProps {
|
|||||||
* nothing auto-advances.
|
* nothing auto-advances.
|
||||||
*/
|
*/
|
||||||
export function StreamListSidebar({
|
export function StreamListSidebar({
|
||||||
streamName,
|
|
||||||
items,
|
items,
|
||||||
networkId,
|
networkId,
|
||||||
currentIndex,
|
currentIndex,
|
||||||
|
|||||||
@@ -572,7 +572,6 @@ function StreamViewInner({ path, streamParticle }: StreamViewProps) {
|
|||||||
{/* Browse sidebar — a separate chat-like panel beside the stream */}
|
{/* Browse sidebar — a separate chat-like panel beside the stream */}
|
||||||
{mode === 'list' && (
|
{mode === 'list' && (
|
||||||
<StreamListSidebar
|
<StreamListSidebar
|
||||||
streamName={streamParticle.properties.name}
|
|
||||||
items={children}
|
items={children}
|
||||||
networkId={networkId}
|
networkId={networkId}
|
||||||
currentIndex={currentIndex}
|
currentIndex={currentIndex}
|
||||||
|
|||||||
@@ -145,13 +145,14 @@ export default function SettingsPage() {
|
|||||||
aria-label="Change profile picture"
|
aria-label="Change profile picture"
|
||||||
>
|
>
|
||||||
<HumanAvatar
|
<HumanAvatar
|
||||||
size="lg"
|
className="size-16"
|
||||||
avatarObjectId={user?.avatar_object_id}
|
avatarObjectId={user?.avatar_object_id}
|
||||||
initials={initials}
|
initials={initials}
|
||||||
fallbackClassName="bg-primary/10 text-primary font-medium"
|
fallbackClassName="bg-primary/10 text-primary text-xl font-medium"
|
||||||
/>
|
/>
|
||||||
<span className="absolute inset-0 flex items-center justify-center rounded-full bg-black/40 opacity-0 transition-opacity group-hover:opacity-100">
|
<span className="absolute inset-0 flex items-center justify-center rounded-full bg-black/40 opacity-0 transition-opacity group-hover:opacity-100" />
|
||||||
<Camera className="size-4 text-white" />
|
<span className="bg-primary text-primary-foreground ring-background absolute bottom-0 right-0 flex size-5 items-center justify-center rounded-full ring-2">
|
||||||
|
<Camera className="size-2.5" />
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
<div className="min-w-0 flex-1">
|
<div className="min-w-0 flex-1">
|
||||||
|
|||||||
Reference in New Issue
Block a user