perf(web): improve button flex design
This commit is contained in:
parent
fc4887ef2e
commit
2c6b41c408
@ -147,4 +147,5 @@ td {
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
row-gap: 10px;
|
||||
}
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user