Remove outer padding from preview canvas

This commit is contained in:
2026-06-15 14:18:58 -07:00
parent f41f309c3f
commit 17c8681073

View File

@@ -268,7 +268,7 @@ export default function PreviewTab() {
display: "flex",
justifyContent: "center",
alignItems: "center",
padding: "20px 32px",
padding: deviceMode === "desktop" ? "0" : "20px 32px",
}}
>
<div
@@ -584,7 +584,6 @@ const canvas: React.CSSProperties = {
flexDirection: "column",
alignSelf: "stretch",
boxSizing: "border-box",
padding: "16px",
background:
"radial-gradient(120% 80% at 50% 0%, #ffffff 0%, #f9fafb 52%, #f3f4f6 100%)",
};
@@ -595,12 +594,11 @@ const desktopFrame: React.CSSProperties = {
height: "100%",
display: "flex",
flexDirection: "column",
borderRadius: 14,
borderRadius: 0,
overflow: "hidden",
background: "#fff",
border: "1px solid rgba(26, 26, 26, 0.07)",
boxShadow:
"0 1px 2px rgba(26, 26, 26, 0.04), 0 12px 40px rgba(26, 26, 26, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.85)",
border: "none",
borderLeft: "1px solid rgba(26, 26, 26, 0.07)",
};
const tabletFrame: React.CSSProperties = {