mirror of
https://github.com/block/buzz.git
synced 2026-11-12 04:12:21 +00:00
style(desktop): unify corner radii to rounded-2xl (16px) (#1393)
Signed-off-by: Kenny Lopez <kennylopez@block.xyz> Co-authored-by: npub1qmhy2ax8zfuwa935x3g9sczmqsnykvrj88gy5e9v7qw8ez6atpqssdvu6y <06ee4574c71278ee9634345058605b04264b307239d04a64acf01c7c8b5d5841@sprout-oss.stage.blox.sqprod.co> Co-authored-by: Kenny Lopez <kennylopez@block.xyz>
This commit is contained in:
@@ -803,7 +803,7 @@ export function AppShell() {
|
||||
className="isolate min-h-0 min-w-0 overflow-hidden bg-sidebar"
|
||||
style={chromeCssVarDefaults}
|
||||
>
|
||||
<div className="relative z-10 mb-2 ml-px mr-2 mt-px flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl bg-background shadow-[-1px_-1px_0_0_hsl(var(--sidebar-border)/0.45)]">
|
||||
<div className="relative z-10 mb-2 ml-px mr-2 mt-px flex min-h-0 flex-1 flex-col overflow-hidden rounded-2xl bg-background shadow-[-1px_-1px_0_0_hsl(var(--sidebar-border)/0.45)]">
|
||||
<ConnectionBanner
|
||||
errorMessage={channelsErrorMessage}
|
||||
/>
|
||||
|
||||
@@ -30,13 +30,13 @@ export function AgentIdentityCard({
|
||||
return (
|
||||
<div
|
||||
className={cn(
|
||||
"group relative aspect-[4/5] w-full min-w-0 overflow-hidden rounded-xl border border-border/70 bg-muted/50 text-left shadow-xs transition-colors hover:border-border hover:bg-muted/65",
|
||||
"group relative aspect-[4/5] w-full min-w-0 overflow-hidden rounded-2xl border border-border/70 bg-muted/50 text-left shadow-xs transition-colors hover:border-border hover:bg-muted/65",
|
||||
)}
|
||||
data-testid={dataTestId}
|
||||
>
|
||||
<button
|
||||
aria-label={ariaLabel}
|
||||
className="absolute inset-0 z-10 rounded-xl focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring"
|
||||
className="absolute inset-0 z-10 rounded-2xl focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring"
|
||||
onClick={onClick}
|
||||
type="button"
|
||||
/>
|
||||
|
||||
@@ -20,7 +20,7 @@ export const CreateIdentityCard = React.forwardRef<
|
||||
<button
|
||||
aria-label={ariaLabel}
|
||||
className={cn(
|
||||
"group relative flex aspect-[4/5] w-full min-w-0 items-center justify-center overflow-hidden rounded-xl border border-dashed border-border/80 bg-transparent text-muted-foreground shadow-xs transition-colors hover:border-border hover:bg-muted/70 hover:text-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
|
||||
"group relative flex aspect-[4/5] w-full min-w-0 items-center justify-center overflow-hidden rounded-2xl border border-dashed border-border/80 bg-transparent text-muted-foreground shadow-xs transition-colors hover:border-border hover:bg-muted/70 hover:text-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
|
||||
className,
|
||||
)}
|
||||
data-testid={dataTestId}
|
||||
|
||||
@@ -42,7 +42,7 @@ export function TeamIdentityCard({
|
||||
|
||||
return (
|
||||
<Card
|
||||
className="min-w-0 overflow-hidden p-0 transition-colors hover:border-border hover:bg-muted/65"
|
||||
className="min-w-0 overflow-hidden rounded-2xl p-0 transition-colors hover:border-border hover:bg-muted/65"
|
||||
data-testid={dataTestId}
|
||||
>
|
||||
<div className="relative aspect-[4/5] min-w-0 overflow-hidden bg-muted/50">
|
||||
|
||||
@@ -501,7 +501,7 @@ const MessageTimelineBase = React.forwardRef<
|
||||
"flex shrink-0 border border-border/70 bg-background/70 text-left transition-colors hover:bg-muted/60 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
|
||||
hasDescription
|
||||
? "h-56 w-[13.75rem] flex-col rounded-2xl p-4"
|
||||
: "h-28 w-64 flex-col rounded-xl p-4",
|
||||
: "h-28 w-64 flex-col rounded-2xl p-4",
|
||||
)}
|
||||
data-testid={action.testId}
|
||||
key={action.label}
|
||||
@@ -557,7 +557,7 @@ const MessageTimelineBase = React.forwardRef<
|
||||
|
||||
{showGenericEmpty ? (
|
||||
<div
|
||||
className="mt-auto rounded-3xl border border-dashed border-border/80 bg-card/70 px-6 py-10 text-center shadow-xs"
|
||||
className="mt-auto rounded-2xl border border-dashed border-border/80 bg-card/70 px-6 py-10 text-center shadow-xs"
|
||||
data-testid="message-empty"
|
||||
>
|
||||
<p className="text-base font-semibold tracking-tight">
|
||||
|
||||
@@ -54,7 +54,7 @@ const DialogContent = React.forwardRef<
|
||||
<div className="fixed inset-0 z-50 grid place-items-center overflow-y-auto p-4 pointer-events-none">
|
||||
<DialogPrimitive.Content
|
||||
className={cn(
|
||||
"pointer-events-auto relative grid w-[calc(100vw-2rem)] max-w-2xl gap-4 rounded-3xl bg-background p-6 shadow-2xl outline-hidden",
|
||||
"pointer-events-auto relative grid w-[calc(100vw-2rem)] max-w-2xl gap-4 rounded-2xl bg-background p-6 shadow-2xl outline-hidden",
|
||||
MODAL_CONTENT_MOTION_CLASS,
|
||||
className,
|
||||
)}
|
||||
|
||||
@@ -17,7 +17,7 @@ export function IdentityCardSkeleton({
|
||||
return (
|
||||
<div
|
||||
className={cn(
|
||||
"relative aspect-[4/5] w-full min-w-0 overflow-hidden rounded-xl border border-border/70 bg-muted/50 shadow-xs",
|
||||
"relative aspect-[4/5] w-full min-w-0 overflow-hidden rounded-2xl border border-border/70 bg-muted/50 shadow-xs",
|
||||
className,
|
||||
)}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user