fix(web): initialize index.html and update styles

This commit is contained in:
Masahiko AMANO 2023-01-27 16:53:24 +03:00
parent b791c60b81
commit 46e67488f1
4 changed files with 32 additions and 15 deletions

View File

@ -32,6 +32,7 @@
<h1>Welcome to Tanabata!</h1>
</header>
<main>
<div class="contents-wrapper">
<form id="auth">
<div class="form-group">
<label for="password">Password</label>
@ -44,6 +45,7 @@
<a href="/" class="btn btn-secondary">Back to home</a>
</div>
</form>
</div>
</main>
<script src="js/auth.js"></script>
</body>

View File

@ -1,10 +1,9 @@
form {
margin: 0;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0;
padding: 2vw 2vw;
box-sizing: border-box;
}
.button-flex {

View File

@ -54,6 +54,16 @@ main:hover {
box-shadow: 0 0 1vw black;
}
.contents-wrapper {
margin: 0;
padding: 2vw 2vw;
box-sizing: border-box;
display: flex;
flex-direction: row;
align-content: center;
justify-content: space-around;
}
h2 {
margin: 0;
padding: 14px 0;

View File

@ -29,5 +29,11 @@
</head>
<body>
<h1>Welcome to Tanabata!</h1>
<main>
<h2>Select Tanabata service</h2>
<div class="contents-wrapper">
<a href="/tfm" class="btn btn-primary">TFM</a>
</div>
</main>
</body>
</html>