perf(web): improve button flex design

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

View File

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

View File

@ -29,7 +29,7 @@
<h1>Welcome to Tanabata!</h1>
<main>
<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="/tfm" class="btn btn-primary">File Manager</a>
<a href="/tdbms" class="btn btn-primary">Database Management</a>

View File

@ -32,19 +32,19 @@
<h1>Tanabata Database Management</h1>
<main>
<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/sasahyou" class="btn btn-primary">Sasahyou</a>
<a href="/tdbms/sappyou" class="btn btn-primary">Sappyou</a>
<a href="/tdbms/shoppyou" class="btn btn-primary">Shoppyou</a>
</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-warning" id="btn-reload">Reload database</button>
<a href="/tdbms/new" class="btn btn-outline-info">Create database</a>
<button class="btn btn-outline-danger" id="btn-remove">Remove database</button>
</div>
<div class="contents-wrapper">
<div class="contents-wrapper button-flex">
<a href="/" class="btn btn-secondary">Home</a>
<a href="/tdbms/settings" class="btn btn-secondary">Settings</a>
</div>

View File

@ -30,15 +30,15 @@
<h1>Tanabata File Manager</h1>
<main>
<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/tags" class="btn btn-primary">Tags</a>
</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-warning" id="btn-reload">Reload database</button>
</div>
<div class="contents-wrapper">
<div class="contents-wrapper button-flex">
<a href="/" class="btn btn-secondary">Home</a>
<a href="/tfm/settings" class="btn btn-secondary">Settings</a>
</div>