style: update overlay style on mobile (#15760)

Co-authored-by: pengbo43 <pengbo43@jd.com>
vitejs · Mar 12, 2024 · 4559ac0 · 4559ac0
1 parent a149d9e
commit 4559ac0
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/vite/src/client/overlay.ts b/packages/vite/src/client/overlay.ts
@@ -44,10 +44,11 @@ const template = /*html*/ `
 .window {
   font-family: var(--monospace);
   line-height: 1.5;
-  width: 800px;
+  max-width: 80vw;
   color: var(--window-color);
+  box-sizing: border-box;
   margin: 30px auto;
-  padding: 25px 40px;
+  padding: 2.5vh 4vw;
   position: relative;
   background: var(--window-background);
   border-radius: 6px 6px 8px 8px;