authorgravatar for 73941998+UtkarshUsername@users.noreply.github.comUtkarsh Patil <73941998+UtkarshUsername@users.noreply.github.com> 2026-08-14 01:33:48+05:30
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-08-13 16:03:48-04:00
log2fab18e289bdb2b1b767f05a307729d0a0d1c002
tree2c95acffcc065637eb588d65a18df3441f48301b
parent1b16ed663ffe475490a644d1004873a8aae6bb90
signature Signed by PGP key B5690EEEBB952194

fix(web): show unlinked icon when viewport aspect ratio is unlocked (#6509)

1 files changed, 6 insertions(+), 2 deletions(-)

apps/web/src/browser/BrowserDeviceToolbar.tsx+6-2
......@@ -7,7 +7,7 @@ import {
77 type PreviewViewportSetting,
88} from "@t3tools/contracts";
99import { PREVIEW_VIEWPORT_PRESETS, resolvePreviewViewport } from "@t3tools/shared/previewViewport";
10import { Link2, X } from "lucide-react";
10import { Link2, Unlink2, X } from "lucide-react";
1111import { useState } from "react";
1212
1313import { Button } from "~/components/ui/button";
......@@ -310,7 +310,11 @@ export function BrowserDeviceToolbar({
310310 onPointerDown={(event) => event.preventDefault()}
311311 onClick={toggleAspectRatio}
312312 >
313 <Link2 className={cn(aspectRatio !== null && "text-foreground")} />
313 {aspectRatio === null ? (
314 <Unlink2 className={cn(aspectRatio !== null && "text-foreground")} />
315 ) : (
316 <Link2 className={cn(aspectRatio !== null && "text-foreground")} />
317 )}
314318 </Button>
315319 <Button
316320 variant="ghost"