📱 fix: Ajuste de layout CSS para evitar corte de tela no mobile (min-width, overflow-wrap)

This commit is contained in:
2026-05-27 10:40:12 +00:00
parent 0047614bf7
commit c728626db1
+6 -2
View File
@@ -79,7 +79,7 @@ body {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
line-height: 1.5; line-height: 1.5;
height: 100vh; height: 100vh;
width: 100vw; width: 100%;
} }
/* ========================================================================== /* ==========================================================================
@@ -318,9 +318,10 @@ body {
========================================================================== */ ========================================================================== */
.app-container { .app-container {
display: flex; display: flex;
width: 100vw; width: 100%;
height: 100vh; height: 100vh;
position: relative; position: relative;
overflow: hidden;
} }
/* Menu Lateral / Sidebar */ /* Menu Lateral / Sidebar */
@@ -756,6 +757,7 @@ body {
height: 100%; height: 100%;
background-color: var(--bg-primary); background-color: var(--bg-primary);
position: relative; position: relative;
min-width: 0;
} }
/* Header */ /* Header */
@@ -975,6 +977,8 @@ body {
color: var(--text-primary); color: var(--text-primary);
font-size: 15px; font-size: 15px;
line-height: 1.6; line-height: 1.6;
word-wrap: break-word;
overflow-wrap: break-word;
} }
.message-content-wrapper { .message-content-wrapper {