design(preview): match toggle button sizes to device toggles
This commit is contained in:
@@ -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)"
|
||||||
|
|||||||
Reference in New Issue
Block a user