Finition Front Login

This commit is contained in:
Joshua 2024-10-03 17:30:04 +02:00
parent e5103dc9df
commit 353d9714d1
9 changed files with 80 additions and 5 deletions

3
.gitignore vendored
View File

@ -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/

View File

@ -1,3 +1 @@
body {
background-color: skyblue;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

View File

@ -1 +0,0 @@
<?php

View 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');
}
}

View File

@ -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 %}

View 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 %}