design(preview): match toggle button sizes to device toggles

This commit is contained in:
2026-06-12 11:20:51 -07:00
parent 32aaf9b6ab
commit 41a1f66b2d

View File

@@ -47,12 +47,12 @@ export function ProjectIconRail({ workspace, projectId, actions }: Props) {
<Link <Link
href={`${projectBase}/preview`} href={`${projectBase}/preview`}
style={{ style={{
padding: "6px 14px", padding: "4px 12px",
fontSize: "0.8rem", fontSize: "0.75rem",
fontWeight: 500, fontWeight: 500,
borderRadius: 6, borderRadius: 6,
textDecoration: "none", textDecoration: "none",
background: isPreviewActive ? "#fff" : "transparent", background: isPreviewActive ? "#ffffff" : "transparent",
color: isPreviewActive ? "#18181b" : "#71717a", color: isPreviewActive ? "#18181b" : "#71717a",
boxShadow: isPreviewActive boxShadow: isPreviewActive
? "0 1px 2px rgba(0,0,0,0.05)" ? "0 1px 2px rgba(0,0,0,0.05)"
@@ -65,12 +65,12 @@ export function ProjectIconRail({ workspace, projectId, actions }: Props) {
<Link <Link
href={`${projectBase}/plan`} href={`${projectBase}/plan`}
style={{ style={{
padding: "6px 14px", padding: "4px 12px",
fontSize: "0.8rem", fontSize: "0.75rem",
fontWeight: 500, fontWeight: 500,
borderRadius: 6, borderRadius: 6,
textDecoration: "none", textDecoration: "none",
background: !isPreviewActive ? "#fff" : "transparent", background: !isPreviewActive ? "#ffffff" : "transparent",
color: !isPreviewActive ? "#18181b" : "#71717a", color: !isPreviewActive ? "#18181b" : "#71717a",
boxShadow: !isPreviewActive boxShadow: !isPreviewActive
? "0 1px 2px rgba(0,0,0,0.05)" ? "0 1px 2px rgba(0,0,0,0.05)"