Update welcome page layout
This commit is contained in:
+13
-7
@@ -1,18 +1,16 @@
|
|||||||
<main role="main" id="app" style="max-width: 600px; margin: 0 auto">
|
<main role="main" id="app" style="max-width: 600px; margin: 0 auto">
|
||||||
<div class="container-parent">
|
<header>
|
||||||
<div class="container py-3">
|
|
||||||
<h1 class="mb-0">Welcome to Sunshine!</h1>
|
<h1 class="mb-0">Welcome to Sunshine!</h1>
|
||||||
<p class="mb-0 align-self-start">
|
<p class="mb-0 align-self-start">
|
||||||
Before Getting Started, write down below these credentials
|
Before Getting Started, write down below these credentials
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</header>
|
||||||
</div>
|
|
||||||
<div class="alert alert-warning">
|
<div class="alert alert-warning">
|
||||||
These Credentials down below are needed to access the rest of the
|
These Credentials down below are needed to access the rest of the
|
||||||
application.<br />
|
application.<br />
|
||||||
Keep them safe, since <b>you will never see them again!</b>
|
Keep them safe, since <b>you will never see them again!</b>
|
||||||
</div>
|
</div>
|
||||||
<form @submit.prevent="save" class="card p-4" style="width: 100%">
|
<form @submit.prevent="save">
|
||||||
<div class="mb-2">
|
<div class="mb-2">
|
||||||
<label for="usernameInput" class="form-label">Username:</label>
|
<label for="usernameInput" class="form-label">Username:</label>
|
||||||
<input
|
<input
|
||||||
@@ -35,7 +33,9 @@
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-2">
|
<div class="mb-2">
|
||||||
<label for="confirmPasswordInput" class="form-label">Password: </label>
|
<label for="confirmPasswordInput" class="form-label"
|
||||||
|
>Password (confirm):</label
|
||||||
|
>
|
||||||
<input
|
<input
|
||||||
type="password"
|
type="password"
|
||||||
class="form-control"
|
class="form-control"
|
||||||
@@ -45,7 +45,13 @@
|
|||||||
required
|
required
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<button class="mb-2 btn btn-primary" v-bind:disabled="loading" style="margin: 1em auto">Login</button>
|
<button
|
||||||
|
type="submit"
|
||||||
|
class="btn btn-primary w-100 mb-2"
|
||||||
|
v-bind:disabled="loading"
|
||||||
|
>
|
||||||
|
Login
|
||||||
|
</button>
|
||||||
<div class="alert alert-danger" v-if="error"><b>Error: </b>{{error}}</div>
|
<div class="alert alert-danger" v-if="error"><b>Error: </b>{{error}}</div>
|
||||||
<div class="alert alert-success" v-if="success">
|
<div class="alert alert-success" v-if="success">
|
||||||
<b>Success! </b>This page will reload soon, your browser will ask you for
|
<b>Success! </b>This page will reload soon, your browser will ask you for
|
||||||
|
|||||||
Reference in New Issue
Block a user