Maxime/Clyde
1
0
Fork 0
forked from PGL/Clyde
Code Pull Requests Activity

Convert login.html to Login.vue

Browse Source
This commit is contained in:
Wawilski
2024-03-03 18:37:55 +01:00
committed by Wal
parent 672d17cf0e
commit 25fe568148
4 changed files with 34 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/login.html
View File

@ -1,29 +0,0 @@
<!DOCTYPE html>
<html>
<body>
<div class="logBoxCenterer">
<div class='loginBox'>
<div class="form">
<h1 style="color:rgb(239,60,168); font-family: sans-serif;">SIGN IN</h1>
<div class="inputBox">
<p>USERNAME</p>
<input type="text" required>
</div>
<div class="inputBox">
<p>PASSWORD</p>
<input type="password" required>
</div>
<div class="register">
<a>Register</a>
</div>
<div class="inputBox">
<input type="submit" value="Login">
</div>
</div>
</div>
</div>
<script type="module" src="/src/main.js"></script>
</body>
</html>

28
frontend/src/assets/styleLogin.css → frontend/src/Login.vue
View File

@ -1,3 +1,30 @@
<template>
<body>
<div class="logBoxCenterer">
<div class='loginBox'>
<div class="form">
<h1 style="color:rgb(239,60,168); font-family: sans-serif;">SIGN IN</h1>
<div class="inputBox">
<p>USERNAME</p>
<input type="text" required>
</div>
<div class="inputBox">
<p>PASSWORD</p>
<input type="password" required>
</div>
<div class="register">
<a>Register</a>
</div>
<div class="inputBox">
<input type="submit" value="Login">
</div>
</div>
</div>
</div>
</body>
</template>
<style scoped>
.logBoxCenterer { .logBoxCenterer {
position: absolute; position: absolute;
@ -75,3 +102,4 @@ input[type = "submit"]:active{
} }
</style>

6
frontend/src/login.js Normal file
View File

@ -0,0 +1,6 @@
import './assets/main.css'
import { createApp } from 'vue'
import App from './Login.vue'
createApp(App).mount('#login')

1
frontend/src/main.js
View File

@ -1,5 +1,4 @@
import './assets/main.css' import './assets/main.css'
import './assets/styleLogin.css'
import 'vue3-toastify/dist/index.css'; import 'vue3-toastify/dist/index.css';
import { createApp } from 'vue' import { createApp } from 'vue'