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