diff --git a/packages/editor/src/App.css b/packages/editor/src/App.css index b9d355d..7080033 100644 --- a/packages/editor/src/App.css +++ b/packages/editor/src/App.css @@ -1,8 +1,10 @@ #root { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - text-align: center; + width: 100vw; + height: 100vh; + max-width: none; + margin: 0; + padding: 0; + text-align: initial; } .logo { diff --git a/packages/editor/src/index.css b/packages/editor/src/index.css index 08a3ac9..b5f71ce 100644 --- a/packages/editor/src/index.css +++ b/packages/editor/src/index.css @@ -24,12 +24,16 @@ a:hover { body { margin: 0; - display: flex; - place-items: center; min-width: 320px; min-height: 100vh; } +/* Editor app should occupy the full viewport; Vite template centering breaks layout */ +#root { + width: 100vw; + height: 100vh; +} + h1 { font-size: 3.2em; line-height: 1.1;