design(preview): move preview/dashboard toggle to the left side of the header
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user