Fixed phone interface vertical overflow
This commit is contained in:
parent
89677ac283
commit
ef12927410
@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user