H1K0-dev/tanabata
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf(web): make list elements justified

Browse Source
This commit is contained in:
Masahiko AMANO 2023-01-30 22:03:48 +03:00
parent 9eccd06395
commit e9f848d39f
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/public/css/tfm.css
View File

@ -17,13 +17,18 @@ main {
.contents-wrapper { .contents-wrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
justify-content: flex-start; justify-content: space-between;
align-items: flex-start; align-items: flex-start;
flex-wrap: wrap; flex-wrap: wrap;
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
} }
.contents-wrapper:after {
content: "";
flex: auto;
}
.menu-wrapper { .menu-wrapper {
display: none; display: none;
flex-direction: column; flex-direction: column;
@ -61,7 +66,7 @@ form {
flex: 1 1 auto; flex: 1 1 auto;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: space-between;
align-content: flex-start; align-content: flex-start;
align-items: flex-start; align-items: flex-start;
flex-wrap: wrap; flex-wrap: wrap;
@ -72,6 +77,11 @@ form {
overflow-x: hidden; overflow-x: hidden;
} }
.list:after {
content: "";
flex: auto;
}
.sasa { .sasa {
position: relative; position: relative;
margin: 16px; margin: 16px;