Added dynamic container to improve settings page rendering when undersized.

This commit is contained in:
rainbow napkin 2024-12-12 06:41:33 -05:00
parent 864304f13b
commit 59fe38a5fe
12 changed files with 234 additions and 199 deletions

View file

@ -30,10 +30,12 @@ body{
form{
display: flex;
flex-direction: column;
padding: 1em;
}
table{
border-spacing: 0px;
width: 100%
}
td{
@ -65,6 +67,10 @@ input.control-prompt{
flex: 1;
}
div.dynamic-container{
overflow: auto;
}
/* Navbar */
#navbar{
display: flex;

View file

@ -137,16 +137,13 @@ button:active{
background-color: var(--focus0-alt1);
}
table, form{
.dynamic-container{
background-color: var(--bg1);
color: var(--accent1);
box-shadow: 3px 3px 1px var(--bg1-alt0) inset;
border-radius: 1em;
}
form{
padding: 1em;
}
tr{
box-shadow: var(--accent1) 0px 1em 1px -2em, var(--accent1) 0px -1em 1px -1em;