PGL/Clyde
PGL/Clyde
3
2
Fork 3
Code Issues 13 Pull Requests Actions Projects 3 Releases 2 Wiki Activity

Login et agencement de la main page #51

Merged
Wal merged 9 commits from loginProto into master 2024-03-04 19:42:58 +01:00
Conversation 0 Commits 9 Files Changed 6 +34 -30
4 changed files with 34 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 7087b48245 - Show all commits

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'