STEMMechanics/Website
1
0
Fork 0
Code Issues 4 Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

update page

Browse Source
This commit is contained in:
James Collins
2023-04-12 13:38:57 +10:00
parent 36469b20b3
commit 985f32e06e
1 changed files with 27 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
resources/js/views/Login.vue
View File

@@ -1,35 +1,33 @@
<template>
<SMPage no-breadcrumbs background="/img/background.jpg">
<SMFormCard class="mt-5">
<h1>Log in</h1>
<div class="container">
<section class="card max-w-sm">
<div class="card-header">
<h2>Log in</h2>
<p>Enter your website login details to view your account.</p>
</div>
<SMForm v-model="form" @submit="handleSubmit">
<SMInput control="username">
<router-link to="/forgot-username"
>Forgot username?</router-link
>
</SMInput>
<SMInput control="password" type="password">
<router-link to="/forgot-password"
>Forgot password?</router-link
>
</SMInput>
<SMFormFooter>
<template #left>
<div class="small">
<span class="pr-1">Need an account?</span
><router-link to="/register">Register</router-link>
</div>
</template>
<template #right>
<SMButton
type="submit"
label="Log in"
icon="arrow-forward-outline" />
</template>
</SMFormFooter>
<div class="card-body">
<SMInput control="username">
<router-link to="/forgot-username"
>Forgot username?</router-link
>
</SMInput>
<SMInput control="password" type="password">
<router-link to="/forgot-password"
>Forgot password?</router-link
>
</SMInput>
</div>
<div class="card-footer">
<small>
<span class="pr-1">Need an account?</span
><router-link to="/register">Register</router-link>
</small>
<input type="submit" class="btn" title="Log in" />
</div>
</SMForm>
</SMFormCard>
</SMPage>
</section>
</div>
</template>
<script setup lang="ts">