feat/login #10
@@ -7,14 +7,14 @@
|
||||
{% block title %}Ma page de profil | {{ parent() }}{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div class="py-8 w-full">
|
||||
<div class="py-4 w-full">
|
||||
|
melvin-leveque marked this conversation as resolved
Outdated
|
||||
{# Affichage du formulaire (seulement en mode édition) #}
|
||||
{% if isEditMode %}
|
||||
{{ form_start(form, {'attr': {'class': 'contents'}}) }}
|
||||
{% endif %}
|
||||
|
||||
{# 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>
|
||||
|
||||
<div class="absolute right-0">
|
||||
@@ -34,12 +34,12 @@
|
||||
|
||||
{# --- Gestion de l'affichage des informations personnelles et de la photo --- #}
|
||||
{# 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 #}
|
||||
<div class="flex flex-col text-text items-center">
|
||||
|
||||
<div class="mt-16 flex-shrink-0">
|
||||
<div class="flex-shrink-0">
|
||||
{% if userData.image %}
|
||||
{# Design avec photo #}
|
||||
<img src="{{ asset('uploads/images/' ~ userData.image) }}"
|
||||
@@ -58,11 +58,11 @@
|
||||
{% endif %}
|
||||
</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) #}
|
||||
{% if isEditMode %}
|
||||
<div class="w-full mt-4">
|
||||
<div class="w-full mt-2">
|
||||
{{ form_label(form.image, 'Choisir un fichier', {
|
||||
'label_attr': {'class': 'block mb-2.5 text-sm font-medium text-gris-fonce'}
|
||||
}) }}
|
||||
@@ -85,9 +85,9 @@
|
||||
{# Colonne Infos Persos #}
|
||||
<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 #}
|
||||
<div class="space-y-1">
|
||||
<label class="block text-base font-semibold text-text">
|
||||
@@ -265,7 +265,7 @@
|
||||
|
||||
{# Affichage du bouton "Valider" (seulement en mode édition) #}
|
||||
{% if isEditMode %}
|
||||
<div class="flex justify-center pt-8 pb-4">
|
||||
<div class="flex justify-center pt-4 pb-2">
|
||||
<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">
|
||||
Enregistrer les modifications
|
||||
|
||||
Reference in New Issue
Block a user
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
d'ac !