perf(web): improve design

This commit is contained in:
Masahiko AMANO 2023-02-12 16:57:38 +03:00
parent fc90276399
commit d133400103

View File

@ -45,25 +45,17 @@ main {
} }
.menu { .menu {
margin: 0;
width: 100%;
max-width: 120vmin;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
background-color: #334; background-color: #334;
box-shadow: 0 0 0.5vw black; box-shadow: 0 0 0.5vw black;
border-radius: 16px; border-radius: 0;
margin: 10px;
width: calc(100% - 20px);
max-width: 120vmin;
height: 100%; height: 100%;
transition: 0.3s; transition: 0.3s;
overflow: hidden;
}
#menu-file-view .menu {
margin: 0;
width: 100%;
max-width: 120vmin;
border-radius: 0;
overflow-x: hidden; overflow-x: hidden;
overflow-y: scroll; overflow-y: scroll;
} }
@ -99,7 +91,6 @@ main {
form { form {
flex: 1 1 auto; flex: 1 1 auto;
padding: 2vw 2vw; padding: 2vw 2vw;
min-height: 0;
} }
.form-group.row { .form-group.row {
@ -119,6 +110,7 @@ form {
.list { .list {
flex: 1 1 auto; flex: 1 1 auto;
height: 50vh;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
@ -132,14 +124,6 @@ form {
overflow-x: hidden; overflow-x: hidden;
} }
#menu-file-view form {
min-height: initial;
}
#menu-file-view .list {
height: 50vh;
}
.list:after { .list:after {
content: ""; content: "";
flex: auto; flex: auto;
@ -204,6 +188,7 @@ form {
left: 0; left: 0;
right: 0; right: 0;
margin: 0; margin: 0;
padding: .5rem 0; padding-top: .5rem;
padding-bottom: .8rem;
background-color: #334; background-color: #334;
} }