Finition Front Login
This commit is contained in:
parent
e5103dc9df
commit
353d9714d1
3
.gitignore
vendored
3
.gitignore
vendored
@ -161,6 +161,7 @@ fabric.properties
|
|||||||
/bin/*
|
/bin/*
|
||||||
!bin/console
|
!bin/console
|
||||||
!bin/symfony_requirements
|
!bin/symfony_requirements
|
||||||
|
/vendor/
|
||||||
|
|
||||||
# Assets and user uploads
|
# Assets and user uploads
|
||||||
/web/bundles/
|
/web/bundles/
|
||||||
@ -187,3 +188,5 @@ fabric.properties
|
|||||||
/web/js/
|
/web/js/
|
||||||
|
|
||||||
# End of https://www.toptal.com/developers/gitignore/api/symfony,phpstorm,git
|
# End of https://www.toptal.com/developers/gitignore/api/symfony,phpstorm,git
|
||||||
|
|
||||||
|
.idea/
|
@ -1,3 +1 @@
|
|||||||
body {
|
|
||||||
background-color: skyblue;
|
|
||||||
}
|
|
||||||
|
BIN
public/asset/image/BackgroundLogin.png
Normal file
BIN
public/asset/image/BackgroundLogin.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 65 KiB |
BIN
public/asset/image/CircleBackground.png
Normal file
BIN
public/asset/image/CircleBackground.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 53 KiB |
BIN
public/asset/image/LogoHegre.png
Normal file
BIN
public/asset/image/LogoHegre.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 30 KiB |
@ -1 +0,0 @@
|
|||||||
<?php
|
|
17
src/Controller/LoginController.php
Normal file
17
src/Controller/LoginController.php
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Controller;
|
||||||
|
|
||||||
|
use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
|
||||||
|
use Symfony\Component\HttpFoundation\Request;
|
||||||
|
use Symfony\Component\HttpFoundation\Response;
|
||||||
|
use Symfony\Component\Routing\Attribute\Route;
|
||||||
|
|
||||||
|
class LoginController extends AbstractController
|
||||||
|
{
|
||||||
|
#[Route('/login', name: 'app_login')]
|
||||||
|
public function index(): Response
|
||||||
|
{
|
||||||
|
return $this->render('login/login.html.twig');
|
||||||
|
}
|
||||||
|
}
|
@ -3,7 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>{% block title %}Welcome!{% endblock %}</title>
|
<title>{% block title %}Welcome!{% endblock %}</title>
|
||||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
|
<link rel="" href="">
|
||||||
{% block stylesheets %}
|
{% block stylesheets %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
58
templates/login/login.html.twig
Normal file
58
templates/login/login.html.twig
Normal file
@ -0,0 +1,58 @@
|
|||||||
|
{% extends 'base.html.twig' %}
|
||||||
|
|
||||||
|
{% block title %}Login{% endblock %}
|
||||||
|
|
||||||
|
{% block body %}
|
||||||
|
<style>
|
||||||
|
html {
|
||||||
|
background-color: #f8b5b5 ;
|
||||||
|
height: 1000px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Login {
|
||||||
|
background-color: #f8b5b5 ;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.Circle {
|
||||||
|
background: #db5559;
|
||||||
|
width: 44%;
|
||||||
|
height: 70%;
|
||||||
|
margin: 0 auto;
|
||||||
|
border-style: solid;
|
||||||
|
border-radius: 1000px;
|
||||||
|
border-color: white;
|
||||||
|
border-width: 5px;
|
||||||
|
}
|
||||||
|
.Form {
|
||||||
|
background: #791c1c;
|
||||||
|
height: 40%;
|
||||||
|
width: 55%;
|
||||||
|
margin: auto;
|
||||||
|
border-style: solid;
|
||||||
|
border-radius: 50px;
|
||||||
|
border-color: white;
|
||||||
|
border-width: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Logo {
|
||||||
|
display: flex;
|
||||||
|
margin: auto;
|
||||||
|
margin-top: 8%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<div class="Login">
|
||||||
|
<div class="Circle">
|
||||||
|
<img src="asset/image/LogoHegre.png" class="Logo">
|
||||||
|
<div class="Form">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endblock %}
|
Loading…
Reference in New Issue
Block a user