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

perf(web): improve button flex design

Browse Source
This commit is contained in:
Masahiko AMANO 2023-02-15 21:46:09 +03:00
parent fc4887ef2e
commit 2c6b41c408
4 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -147,4 +147,5 @@ td {
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
row-gap: 10px;
} }

2
web/public/index.html
View File

@ -29,7 +29,7 @@
<h1>Welcome to Tanabata!</h1> <h1>Welcome to Tanabata!</h1>
<main> <main>
<h2>Select Tanabata service</h2> <h2>Select Tanabata service</h2>
<div class="contents-wrapper"> <div class="contents-wrapper button-flex">
<a href="/auth" class="btn btn-primary">Authorize</a> <a href="/auth" class="btn btn-primary">Authorize</a>
<a href="/tfm" class="btn btn-primary">File Manager</a> <a href="/tfm" class="btn btn-primary">File Manager</a>
<a href="/tdbms" class="btn btn-primary">Database Management</a> <a href="/tdbms" class="btn btn-primary">Database Management</a>

6
web/public/tdbms/index.html
View File

@ -32,19 +32,19 @@
<h1>Tanabata Database Management</h1> <h1>Tanabata Database Management</h1>
<main> <main>
<h2><span>TDB: 「<span class="db_name"><i>none</i></span>」</span></h2> <h2><span>TDB: 「<span class="db_name"><i>none</i></span>」</span></h2>
<div class="contents-wrapper"> <div class="contents-wrapper button-flex">
<a href="/tdbms/stats" class="btn btn-primary">Stats</a> <a href="/tdbms/stats" class="btn btn-primary">Stats</a>
<a href="/tdbms/sasahyou" class="btn btn-primary">Sasahyou</a> <a href="/tdbms/sasahyou" class="btn btn-primary">Sasahyou</a>
<a href="/tdbms/sappyou" class="btn btn-primary">Sappyou</a> <a href="/tdbms/sappyou" class="btn btn-primary">Sappyou</a>
<a href="/tdbms/shoppyou" class="btn btn-primary">Shoppyou</a> <a href="/tdbms/shoppyou" class="btn btn-primary">Shoppyou</a>
</div> </div>
<div class="contents-wrapper"> <div class="contents-wrapper button-flex">
<button class="btn btn-outline-success" id="btn-save">Save database</button> <button class="btn btn-outline-success" id="btn-save">Save database</button>
<button class="btn btn-outline-warning" id="btn-reload">Reload database</button> <button class="btn btn-outline-warning" id="btn-reload">Reload database</button>
<a href="/tdbms/new" class="btn btn-outline-info">Create database</a> <a href="/tdbms/new" class="btn btn-outline-info">Create database</a>
<button class="btn btn-outline-danger" id="btn-remove">Remove database</button> <button class="btn btn-outline-danger" id="btn-remove">Remove database</button>
</div> </div>
<div class="contents-wrapper"> <div class="contents-wrapper button-flex">
<a href="/" class="btn btn-secondary">Home</a> <a href="/" class="btn btn-secondary">Home</a>
<a href="/tdbms/settings" class="btn btn-secondary">Settings</a> <a href="/tdbms/settings" class="btn btn-secondary">Settings</a>
</div> </div>

6
web/public/tfm/index.html
View File

@ -30,15 +30,15 @@
<h1>Tanabata File Manager</h1> <h1>Tanabata File Manager</h1>
<main> <main>
<h2>Come on, what to do?</h2> <h2>Come on, what to do?</h2>
<div class="contents-wrapper"> <div class="contents-wrapper button-flex">
<a href="/tfm/files" class="btn btn-primary">Files</a> <a href="/tfm/files" class="btn btn-primary">Files</a>
<a href="/tfm/tags" class="btn btn-primary">Tags</a> <a href="/tfm/tags" class="btn btn-primary">Tags</a>
</div> </div>
<div class="contents-wrapper"> <div class="contents-wrapper button-flex">
<button class="btn btn-outline-success" id="btn-save">Save database</button> <button class="btn btn-outline-success" id="btn-save">Save database</button>
<button class="btn btn-outline-warning" id="btn-reload">Reload database</button> <button class="btn btn-outline-warning" id="btn-reload">Reload database</button>
</div> </div>
<div class="contents-wrapper"> <div class="contents-wrapper button-flex">
<a href="/" class="btn btn-secondary">Home</a> <a href="/" class="btn btn-secondary">Home</a>
<a href="/tfm/settings" class="btn btn-secondary">Settings</a> <a href="/tfm/settings" class="btn btn-secondary">Settings</a>
</div> </div>