design(preview): move preview/dashboard toggle to the left side of the header

This commit is contained in:
2026-06-12 11:25:52 -07:00
parent dd85b0b8f8
commit 576446e36a

View File

@@ -26,22 +26,10 @@ export function ProjectIconRail({ workspace, projectId, actions }: Props) {
style={{
display: "flex",
alignItems: "center",
gap: 8,
gap: 12,
flex: 1,
minWidth: 0,
}}
>
{isPreviewActive && <PreviewDeviceToggles />}
</div>
{/* Right Content Area (Segmented Control & Publish Button) */}
<div
style={{
display: "flex",
justifyContent: "flex-end",
alignItems: "center",
gap: 12,
}}
>
<div style={primaryGroup}>
<Link
@@ -82,6 +70,18 @@ export function ProjectIconRail({ workspace, projectId, actions }: Props) {
</Link>
</div>
{isPreviewActive && <PreviewDeviceToggles />}
</div>
{/* Right Content Area (Publish Button) */}
<div
style={{
display: "flex",
justifyContent: "flex-end",
alignItems: "center",
gap: 12,
}}
>
{actions}
</div>
</nav>