rayan/shadcn-ui
1
0
Fork 0
mirror of https://github.com/shadcn-ui/ui.git synced 2026-07-01 00:24:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #9798 from ncdai/fix/block-viewer-toolbar-device-type-switch

Browse Source
This commit is contained in:
shadcn
2026-03-07 09:08:16 +04:00
committed by GitHub
parent b600dd7091 e9f4cfb010
commit 119d534e85
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/v4/components/block-viewer.tsx
View File

@@ -170,22 +170,22 @@ function BlockViewerToolbar({ styleName }: { styleName: Style["name"] }) {
<div className="h-8 items-center gap-1.5 rounded-md border p-[3px] shadow-none">
<ToggleGroup
type="single"
defaultValue="100"
defaultValue="100%"
onValueChange={(value) => {
setView("preview")
if (resizablePanelRef?.current) {
resizablePanelRef.current.resize(parseInt(value))
resizablePanelRef.current.resize(value)
}
}}
className="gap-1 *:data-[slot=toggle-group-item]:size-6! *:data-[slot=toggle-group-item]:rounded-sm!"
>
<ToggleGroupItem value="100" title="Desktop">
<ToggleGroupItem value="100%" title="Desktop">
<Monitor />
</ToggleGroupItem>
<ToggleGroupItem value="60" title="Tablet">
<ToggleGroupItem value="60%" title="Tablet">
<Tablet />
</ToggleGroupItem>
<ToggleGroupItem value="30" title="Mobile">
<ToggleGroupItem value="30%" title="Mobile">
<Smartphone />
</ToggleGroupItem>
<Separator orientation="vertical" className="h-4!" />