mark/vibn-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove outer padding from preview canvas

Browse Source
This commit is contained in:
mawkone
2026-06-15 14:18:58 -07:00
parent f41f309c3f
commit 17c8681073
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
vibn-frontend/app/[workspace]/project/[projectId]/(home)/preview/page.tsx
View File

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