[Docs Site] Fix CopyPageButton height on small viewports (#23671)

KianNH · web-flow · commit 0fe73c20c478 · 2025-07-15T16:17:37.000+01:00
diff --git a/src/components/CopyPageButton.tsx b/src/components/CopyPageButton.tsx
@@ -140,7 +140,7 @@ export default function CopyPageButton() {
 			<button
 				ref={refs.setReference}
 				{...getReferenceProps()}
-				className="inline-flex h-8 min-w-32 cursor-pointer items-center justify-center gap-2 rounded-sm border border-(--sl-color-hairline) bg-transparent px-3 text-sm text-black hover:bg-(--sl-color-bg-nav)"
+				className="inline-flex min-h-8 min-w-32 cursor-pointer items-center justify-center gap-2 rounded-sm border border-(--sl-color-hairline) bg-transparent px-3 text-sm text-black hover:bg-(--sl-color-bg-nav)"
 			>
 				{getButtonContent()}
 			</button>

Original file line number	Diff line number	Diff line change
`@@ -140,7 +140,7 @@ export default function CopyPageButton() {`
`140`	`140`	`<button`
`141`	`141`	`ref={refs.setReference}`
`142`	`142`	`{...getReferenceProps()}`
`143`		`- className="inline-flex h-8 min-w-32 cursor-pointer items-center justify-center gap-2 rounded-sm border border-(--sl-color-hairline) bg-transparent px-3 text-sm text-black hover:bg-(--sl-color-bg-nav)"`
	`143`	`+ className="inline-flex min-h-8 min-w-32 cursor-pointer items-center justify-center gap-2 rounded-sm border border-(--sl-color-hairline) bg-transparent px-3 text-sm text-black hover:bg-(--sl-color-bg-nav)"`
`144`	`144`	`>`
`145`	`145`	`{getButtonContent()}`
`146`	`146`	`</button>`