fix(preview): pantalla completa y layout por secciones estable
This commit is contained in:
@@ -163,6 +163,28 @@
|
|||||||
.preview-mode .block-actions,
|
.preview-mode .block-actions,
|
||||||
.preview-mode .resize-handle,
|
.preview-mode .resize-handle,
|
||||||
.preview-mode .scroll-btn{display:none !important}
|
.preview-mode .scroll-btn{display:none !important}
|
||||||
|
body.preview-mode .app{grid-template-columns:1fr !important}
|
||||||
|
body.preview-mode .sidebar,
|
||||||
|
body.preview-mode .inspector,
|
||||||
|
body.preview-mode .topbar{display:none !important}
|
||||||
|
body.preview-mode .main{padding:0 !important}
|
||||||
|
body.preview-mode .preview-shell{
|
||||||
|
max-width:100% !important;
|
||||||
|
border:0 !important;
|
||||||
|
border-radius:0 !important;
|
||||||
|
padding:0 !important;
|
||||||
|
margin:0 !important;
|
||||||
|
background:transparent !important;
|
||||||
|
}
|
||||||
|
body.preview-mode .apple{
|
||||||
|
border:0 !important;
|
||||||
|
border-radius:0 !important;
|
||||||
|
min-height:100vh;
|
||||||
|
}
|
||||||
|
body.preview-mode .canvas{
|
||||||
|
min-height:100vh !important;
|
||||||
|
padding:24px;
|
||||||
|
}
|
||||||
.resize-handle{position:absolute;right:8px;bottom:8px;width:14px;height:14px;border-right:2px solid #94a3b8;border-bottom:2px solid #94a3b8;cursor:se-resize;opacity:.75}
|
.resize-handle{position:absolute;right:8px;bottom:8px;width:14px;height:14px;border-right:2px solid #94a3b8;border-bottom:2px solid #94a3b8;cursor:se-resize;opacity:.75}
|
||||||
.resize-handle.edge{width:10px;height:10px;border:none;background:rgba(148,163,184,.35);border-radius:4px;opacity:.9}
|
.resize-handle.edge{width:10px;height:10px;border:none;background:rgba(148,163,184,.35);border-radius:4px;opacity:.9}
|
||||||
.resize-handle.e{top:50%;right:-4px;transform:translateY(-50%);cursor:e-resize}
|
.resize-handle.e{top:50%;right:-4px;transform:translateY(-50%);cursor:e-resize}
|
||||||
@@ -374,10 +396,10 @@
|
|||||||
muted_color: "#6b7280",
|
muted_color: "#6b7280",
|
||||||
font_body: "Manrope",
|
font_body: "Manrope",
|
||||||
font_heading: "Manrope",
|
font_heading: "Manrope",
|
||||||
free_drag: true,
|
free_drag: false,
|
||||||
bg_color2: "#e9eef5",
|
bg_color2: "#e9eef5",
|
||||||
bg_gradient: false,
|
bg_gradient: false,
|
||||||
two_col: true,
|
two_col: false,
|
||||||
animations: true,
|
animations: true,
|
||||||
theme: "light",
|
theme: "light",
|
||||||
bg_motion: "none",
|
bg_motion: "none",
|
||||||
@@ -1714,6 +1736,8 @@ const state = {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
function init(){
|
function init(){
|
||||||
|
// By default we keep section flow layout for stable full-page composition.
|
||||||
|
state.settings.free_drag = false;
|
||||||
state.blocks = normalizeLoadedBlocks(state.blocks);
|
state.blocks = normalizeLoadedBlocks(state.blocks);
|
||||||
if (BUILDER_MODE === "ub24"){
|
if (BUILDER_MODE === "ub24"){
|
||||||
state.blocks.forEach(b=>{ if (!b.page) b.page = "home"; });
|
state.blocks.forEach(b=>{ if (!b.page) b.page = "home"; });
|
||||||
|
|||||||
Reference in New Issue
Block a user