Openstatus
www.openstatus.dev
fix: overflow (#1290)
authored by
Maximilian Kaske
and committed by
GitHub
e9f12b81
d077cdb3
+3
-6
+3
-6
apps/web/src/components/marketing/cli/terminal.tsx
+3
-6
apps/web/src/components/marketing/cli/terminal.tsx
···
16
16
}
17
17
18
18
return (
19
-
<div className="flex w-full items-center">
19
+
<div className="relative truncate">
20
20
<pre
21
-
className={cn(
22
-
"flex w-full items-center gap-2 rounded-lg border bg-muted/50 px-4 py-2",
23
-
className,
24
-
)}
21
+
className={cn("rounded-lg border bg-muted/50 px-4 py-2", className)}
25
22
{...props}
26
23
>
27
24
<code className="text-sm">
···
31
28
variant="ghost"
32
29
size="icon"
33
30
onClick={handleCopy}
34
-
className="-mr-2 ml-auto hover:bg-transparent"
31
+
className="hover:bg-transparent backdrop-blur-sm absolute right-1 top-1"
35
32
>
36
33
{isCopied ? (
37
34
<CheckIcon className="size-4" />