feat/login #10

Open
maurine wants to merge 28 commits from feat/login into main
Showing only changes of commit 4bd4b23533 - Show all commits
+9 -9
View File
@@ -7,14 +7,14 @@
{% block title %}Ma page de profil | {{ parent() }}{% endblock %} {% block title %}Ma page de profil | {{ parent() }}{% endblock %}
{% block body %} {% block body %}
<div class="py-8 w-full"> <div class="py-4 w-full">
melvin-leveque marked this conversation as resolved Outdated
Outdated
Review

On peut aussi avoir l'information de la photo seulement au niveau de l'app symfony :)
C'est toujours sympa d'avoir de la personnalisation pour les utilisateurs

On peut aussi avoir l'information de la photo seulement au niveau de l'app symfony :) C'est toujours sympa d'avoir de la personnalisation pour les utilisateurs
Outdated
Review

d'ac !

d'ac !
{# Affichage du formulaire (seulement en mode édition) #} {# Affichage du formulaire (seulement en mode édition) #}
{% if isEditMode %} {% if isEditMode %}
{{ form_start(form, {'attr': {'class': 'contents'}}) }} {{ form_start(form, {'attr': {'class': 'contents'}}) }}
{% endif %} {% endif %}
{# Gestion des boutons d'action (Modifier / Annuler) et des titres #} {# Gestion des boutons d'action (Modifier / Annuler) et des titres #}
<div class="relative flex items-center justify-center mb-6"> <div class="relative flex items-center justify-center mb-4">
<h1 class="text-4xl font-caveat text-text m-0">Mon profil</h1> <h1 class="text-4xl font-caveat text-text m-0">Mon profil</h1>
<div class="absolute right-0"> <div class="absolute right-0">
@@ -34,12 +34,12 @@
{# --- Gestion de l'affichage des informations personnelles et de la photo --- #} {# --- Gestion de l'affichage des informations personnelles et de la photo --- #}
{# Mise en page en colonne #} {# Mise en page en colonne #}
<div class="grid md:grid-cols-3 gap-8"> <div class="grid md:grid-cols-3 gap-4">
{# Colonne Photo #} {# Colonne Photo #}
<div class="flex flex-col text-text items-center"> <div class="flex flex-col text-text items-center">
<div class="mt-16 flex-shrink-0"> <div class="flex-shrink-0">
{% if userData.image %} {% if userData.image %}
{# Design avec photo #} {# Design avec photo #}
<img src="{{ asset('uploads/images/' ~ userData.image) }}" <img src="{{ asset('uploads/images/' ~ userData.image) }}"
@@ -58,11 +58,11 @@
{% endif %} {% endif %}
</div> </div>
<p class="text-2xl text-title font-caveat mt-6"> Ma photo</p> <p class="text-2xl text-title font-caveat mt-3"> Ma photo</p>
{# Gestion du dépôt d'un fichier image (Uniquement en mode édition) #} {# Gestion du dépôt d'un fichier image (Uniquement en mode édition) #}
{% if isEditMode %} {% if isEditMode %}
<div class="w-full mt-4"> <div class="w-full mt-2">
{{ form_label(form.image, 'Choisir un fichier', { {{ form_label(form.image, 'Choisir un fichier', {
'label_attr': {'class': 'block mb-2.5 text-sm font-medium text-gris-fonce'} 'label_attr': {'class': 'block mb-2.5 text-sm font-medium text-gris-fonce'}
}) }} }) }}
@@ -85,9 +85,9 @@
{# Colonne Infos Persos #} {# Colonne Infos Persos #}
<div class="md:col-span-2"> <div class="md:col-span-2">
<h2 class="text-2xl font-caveat text-text mb-6 text-center">Mes informations personnelles</h2> <h2 class="text-2xl font-caveat text-text mb-4 text-center">Mes informations personnelles</h2>
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-4">
{# Identifiant #} {# Identifiant #}
<div class="space-y-1"> <div class="space-y-1">
<label class="block text-base font-semibold text-text"> <label class="block text-base font-semibold text-text">
@@ -265,7 +265,7 @@
{# Affichage du bouton "Valider" (seulement en mode édition) #} {# Affichage du bouton "Valider" (seulement en mode édition) #}
{% if isEditMode %} {% if isEditMode %}
<div class="flex justify-center pt-8 pb-4"> <div class="flex justify-center pt-4 pb-2">
<button type="submit" <button type="submit"
class="px-8 py-2.5 bg-bouton hover:bg-bouton-hover text-text text-sm font-bold rounded-lg shadow transition-colors"> class="px-8 py-2.5 bg-bouton hover:bg-bouton-hover text-text text-sm font-bold rounded-lg shadow transition-colors">
Enregistrer les modifications Enregistrer les modifications