Fixed phone interface vertical overflow

This commit is contained in:
Tempest 2025-08-08 15:22:32 +07:00
parent 89677ac283
commit ef12927410

View File

@ -6,11 +6,10 @@ body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center;
align-items: center; align-items: center;
height: 100vh;
margin: 0; margin: 0;
background-color: #f0f0f0; background-color: #f0f0f0;
min-height: 100vh;
} }
.container { .container {
display: flex; display: flex;
@ -72,7 +71,8 @@ h1 {
background-color: #444; background-color: #444;
padding: 20px; padding: 20px;
border-radius: 10px; border-radius: 10px;
width: var(--matrix-width); width: var(--matrix-width); /* Fixed width for consistency */
max-width: var(--matrix-width);
margin-bottom: 20px; margin-bottom: 20px;
} }
.control-panel.inactive-control { .control-panel.inactive-control {
@ -96,7 +96,7 @@ h1 {
} }
.slider-row { .slider-row {
display: grid; display: grid;
grid-template-columns: 130px 1fr 50px; grid-template-columns: 150px 1fr 50px;
gap: 10px; gap: 10px;
align-items: center; align-items: center;
} }