Update pan-zoom.tsx

haydenbleasel · haydenbleasel · commit 72fdc868e484 · 2026-02-18T12:34:13.000-08:00
diff --git a/packages/streamdown/lib/mermaid/pan-zoom.tsx b/packages/streamdown/lib/mermaid/pan-zoom.tsx
@@ -157,7 +157,7 @@ export const PanZoom = ({
       {showControls ? (
         <div
           className={cn(
-            "absolute z-10 flex flex-col gap-1 rounded-md border border-border bg-background/90 p-1 shadow-sm backdrop-blur-sm",
+            "absolute z-10 flex flex-col gap-1 rounded-md border border-border bg-background/80 p-1 supports-[backdrop-filter]:bg-background/70 supports-[backdrop-filter]:backdrop-blur-sm",
             fullscreen ? "bottom-4 left-4" : "bottom-2 left-2"
           )}
         >

Original file line number	Diff line number	Diff line change
`@@ -157,7 +157,7 @@ export const PanZoom = ({`
`157`	`157`	`{showControls ? (`
`158`	`158`	`<div`
`159`	`159`	`className={cn(`
`160`		`- "absolute z-10 flex flex-col gap-1 rounded-md border border-border bg-background/90 p-1 shadow-sm backdrop-blur-sm",`
	`160`	`+ "absolute z-10 flex flex-col gap-1 rounded-md border border-border bg-background/80 p-1 supports-[backdrop-filter]:bg-background/70 supports-[backdrop-filter]:backdrop-blur-sm",`
`161`	`161`	`fullscreen ? "bottom-4 left-4" : "bottom-2 left-2"`
`162`	`162`	`)}`
`163`	`163`	`>`