From 9fec0c90b342d76eb0c56719b80ff10a7162a815 Mon Sep 17 00:00:00 2001 From: Rocher Date: Mon, 17 Mar 2025 11:08:37 +0100 Subject: [PATCH] =?UTF-8?q?cr=C3=A9ation=20du=20style=20pour=20ajouter=20u?= =?UTF-8?q?ne=20quote=20et=20deplacement=20du=20bouton?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- config/config.php | 2 +- images/Vector.svg | 3 + public/styles/styleCreate.css | 71 ++++++++++++++++++++++- public/styles/styleSubmitQuote.css | 91 +++++++++++++++++++++++++----- vue/templates/bandeau.html.twig | 1 + vue/templates/profil.html.twig | 4 -- 6 files changed, 151 insertions(+), 21 deletions(-) create mode 100644 images/Vector.svg diff --git a/config/config.php b/config/config.php index d25d503..ff2aa8f 100644 --- a/config/config.php +++ b/config/config.php @@ -14,7 +14,7 @@ $mdp = ''; //$racine='/~kemondejar/WF-Website'; // /~kekentin/WF/WF-Website /~lebeaulato/WF-Website /~kemondejar/WF-Website -$racine='/~kekentin/WF/WF-Website'; +$racine='/~marocher8/WF-Website'; //$repImg='/home/UCA/kemondejar/public_html/WF-Website/public/images/'; $repImg='/'; diff --git a/images/Vector.svg b/images/Vector.svg new file mode 100644 index 0000000..e8089cb --- /dev/null +++ b/images/Vector.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/styles/styleCreate.css b/public/styles/styleCreate.css index e169897..7a1dc85 100644 --- a/public/styles/styleCreate.css +++ b/public/styles/styleCreate.css @@ -1 +1,70 @@ -@import url(./style.css); /* Import de style.css */ \ No newline at end of file +@import url(./style.css); + +body.dark-mode .creation form.add { + background-color: var(--main-dark-other-color); + border-radius: 25px; + padding: 20px; + max-width: 600px; + margin: 40px auto; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + color: var(--main-dark-text-color); +} + +body.light-mode .creation form.add { + background-color: var(--main-light-other-color); + border-radius: 25px; + padding: 20px; + max-width: 600px; + margin: 40px auto; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + color: var(--main-light-text-color); +} + +.creation form.add input[type="text"], +.creation form.add input[type="number"], +.creation form.add textarea { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #ccc; + border-radius: 5px; + box-sizing: border-box; +} + +.creation form.add input[type="file"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border-radius: 5px; + box-sizing: border-box; +} + +.creation form.add input[type="radio"] { + width: auto; + margin-right: 5px; + vertical-align: middle; +} + +.creation form.add label { + display: block; + margin-bottom: 5px; +} + +.creation form.add input[type="submit"] { + width: 100%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; + background-color: #ffffff; + cursor: pointer; + transition: background-color 0.3s ease; +} + +.creation form.add input[type="submit"]:hover { + background-color: #f9f9f9; +} + +.creation form.add h1 { + text-align: center; + margin-bottom: 20px; +} diff --git a/public/styles/styleSubmitQuote.css b/public/styles/styleSubmitQuote.css index 1686902..5e8be7a 100644 --- a/public/styles/styleSubmitQuote.css +++ b/public/styles/styleSubmitQuote.css @@ -1,30 +1,29 @@ @import url(./style.css); - /* ====== DARK MODE ====== */ - -body.dark-mode h1, body.dark-mode h2, body.dark-mode p { +body.dark-mode h1, +body.dark-mode h2, +body.dark-mode p { color: var(--main-dark-text-color); } -body.dark-mode #box{ +body.dark-mode #box { background: var(--main-dark-other-color); } - /* ====== LIGHT MODE ====== */ - -body.light-mode h1, body.light-mode h2, body.light-mode p { +body.light-mode h1, +body.light-mode h2, +body.light-mode p { color: var(--main-light-text-color); } -body.light-mode #box{ +body.light-mode #box { background: var(--main-light-other-color); } /* ====== ECRAN DEFAULT ====== */ - -h1, h2{ +h1, h2 { font-family: "roboto condensed", sans-serif; text-align: center; } @@ -39,13 +38,75 @@ h1, h2{ border-radius: 25px; } +/* ====== STYLE SPÉCIFIQUE AU FORMULAIRE ====== */ +#form select, +#form textarea { + width: 100%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; + margin-bottom: 15px; + box-sizing: border-box; +} + +#form input[type="submit"] { + width: 100%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; + background-color: #ffffff; + cursor: pointer; + transition: background-color 0.3s ease; +} + +#form input[type="submit"]:hover { + background-color: #f9f9f9; +} + +/* ====== STYLE SPÉCIFIQUE À LA PAGE DE CONFIRMATION ====== */ + +/* Espacement entre les blocs internes */ +#box > div { + margin-bottom: 15px; +} + +/* Style pour les libellés */ +#box p { + margin: 0; + font-weight: bold; +} + +/* Style pour les valeurs affichées */ +#box h2 { + margin: 5px 0 0 0; + font-weight: normal; +} -/* ====== DIVERS ====== */ -#contentField, #characterField, #sourceField, #imageField { +/* Style du bouton de retour */ +#box button { + align-self: center; + width: 60%; + padding: 20px; + margin : 20px 20% ; + border: none; + border-radius: 5px; + cursor: pointer; + transition: background-color 0.3s ease; + font-size: 1rem; } -#contentField p, #characterField p, #sourceField p, #imageField p { +/* Bouton en dark mode */ +body.dark-mode #box button { + background-color: #ffffff; + color: black; } -#confirm { -} \ No newline at end of file +/* Bouton en light mode */ +body.light-mode #box button { + background-color: #ffffff; + color: black; +} + +#box button:hover { + background-color: #f9f9f9; +} diff --git a/vue/templates/bandeau.html.twig b/vue/templates/bandeau.html.twig index 8e1d065..a14177a 100644 --- a/vue/templates/bandeau.html.twig +++ b/vue/templates/bandeau.html.twig @@ -11,6 +11,7 @@
search + user
\ No newline at end of file diff --git a/vue/templates/profil.html.twig b/vue/templates/profil.html.twig index b1a62c5..0c39eaa 100644 --- a/vue/templates/profil.html.twig +++ b/vue/templates/profil.html.twig @@ -44,10 +44,6 @@ - -
- Ajouter une citation -