fix: ui fixes
This commit is contained in:
@@ -56,7 +56,7 @@ export function NewUsersStrip({ users }: { users: UserSummary[] }) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<section className="rounded-xl bg-card ring-1 ring-foreground/10 p-5">
|
<section className="rounded-xl">
|
||||||
<div className="mb-4 flex items-center gap-2.5">
|
<div className="mb-4 flex items-center gap-2.5">
|
||||||
<span
|
<span
|
||||||
aria-hidden
|
aria-hidden
|
||||||
@@ -83,14 +83,14 @@ export function NewUsersStrip({ users }: { users: UserSummary[] }) {
|
|||||||
onPointerUp={onPointerUp}
|
onPointerUp={onPointerUp}
|
||||||
onPointerCancel={onPointerUp}
|
onPointerCancel={onPointerUp}
|
||||||
onClickCapture={onClickCapture}
|
onClickCapture={onClickCapture}
|
||||||
className="-mx-5 flex gap-3 overflow-x-auto px-5 pb-1 snap-x scroll-px-5 cursor-grab active:cursor-grabbing [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden"
|
className="-mx-5 flex gap-3 overflow-x-auto px-5 py-1 snap-x scroll-px-5 cursor-grab active:cursor-grabbing [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden"
|
||||||
>
|
>
|
||||||
{users.map((u) => (
|
{users.map((u) => (
|
||||||
<Link
|
<Link
|
||||||
key={u.handle}
|
key={u.handle}
|
||||||
href={`/u/${u.handle}`}
|
href={`/u/${u.handle}`}
|
||||||
draggable={false}
|
draggable={false}
|
||||||
className="group snap-start shrink-0 w-32 flex flex-col items-center gap-2 rounded-xl bg-background ring-1 ring-foreground/10 px-3 py-4 text-center transition hover:ring-foreground/25 hover:bg-muted/40"
|
className="group snap-start shrink-0 w-32 flex flex-col items-center gap-2 rounded-xl bg-card ring-1 ring-foreground/10 px-3 py-4 text-center transition hover:ring-foreground/25 hover:bg-muted/40"
|
||||||
>
|
>
|
||||||
<UserAvatar
|
<UserAvatar
|
||||||
src={u.avatar_url}
|
src={u.avatar_url}
|
||||||
|
|||||||
Reference in New Issue
Block a user