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

fix(web): fix list height

Browse Source
This commit is contained in:
Masahiko AMANO 2023-01-30 21:53:07 +03:00
parent 5a78facf76
commit 9f94387fb0
4 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/public/css/general.css
View File

@ -50,6 +50,8 @@ h1 a:hover {
main { main {
margin: 0; margin: 0;
display: flex;
flex-direction: column;
background-color: #fff8; background-color: #fff8;
box-shadow: 0 0 0.5vw black; box-shadow: 0 0 0.5vw black;
border-radius: 16px; border-radius: 16px;
@ -67,6 +69,7 @@ main:hover {
.contents-wrapper { .contents-wrapper {
margin: 0; margin: 0;
padding: 2vw 2vw; padding: 2vw 2vw;
flex: 1 1 auto;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
flex-direction: row; flex-direction: row;

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

@ -39,6 +39,9 @@ main {
} }
.menu { .menu {
display: flex;
flex-direction: column;
justify-content: flex-start;
background-color: #eee; background-color: #eee;
box-shadow: 0 0 0.5vw black; box-shadow: 0 0 0.5vw black;
border-radius: 16px; border-radius: 16px;
@ -49,13 +52,17 @@ main {
} }
form { form {
flex: 1 1 auto;
padding: 2vw 2vw; padding: 2vw 2vw;
min-height: 0;
} }
.list { .list {
flex: 1 1 auto;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
align-content: flex-start;
align-items: flex-start; align-items: flex-start;
flex-wrap: wrap; flex-wrap: wrap;
padding: 8px 0; padding: 8px 0;

2
web/public/tfm/files.html
View File

@ -54,7 +54,7 @@
<input type="checkbox" name="selection-filter" class="form-check-input" id="selection-filter" checked> <input type="checkbox" name="selection-filter" class="form-check-input" id="selection-filter" checked>
<label class="form-check-label" for="selection-filter">Show only selected</label> <label class="form-check-label" for="selection-filter">Show only selected</label>
</div> </div>
<div class="form-group list" style="height: calc(100vh - 330px)"></div> <div class="form-group list"></div>
<div class="form-group button-flex"> <div class="form-group button-flex">
<button class="btn btn-primary" id="btn-confirm">Confirm</button> <button class="btn btn-primary" id="btn-confirm">Confirm</button>
<a target="_blank" class="btn btn-outline-info" id="btn-full">View full</a> <a target="_blank" class="btn btn-outline-info" id="btn-full">View full</a>

2
web/public/tfm/tags.html
View File

@ -48,7 +48,7 @@
<input type="checkbox" name="selection-filter" class="form-check-input" id="selection-filter" checked> <input type="checkbox" name="selection-filter" class="form-check-input" id="selection-filter" checked>
<label class="form-check-label" for="selection-filter">Show only selected</label> <label class="form-check-label" for="selection-filter">Show only selected</label>
</div> </div>
<div class="form-group list" style="height: calc(100vh - 270px)"></div> <div class="form-group list"></div>
<div class="form-group button-flex"> <div class="form-group button-flex">
<button class="btn btn-primary" id="btn-confirm">Confirm</button> <button class="btn btn-primary" id="btn-confirm">Confirm</button>
<button class="btn btn-outline-danger" id="btn-close">Close</button> <button class="btn btn-outline-danger" id="btn-close">Close</button>