From 8b14c5bd2956d4f24832899ffa7f00011de2a5dd Mon Sep 17 00:00:00 2001
From: Sacha Leone <Sacha.Leone@rpn.ch>
Date: Fri, 14 Jun 2024 16:09:30 +0200
Subject: [PATCH] Changement du CSS profile et ajout de l'image logout

---
 assets/menu/logout.png            | Bin 0 -> 4745 bytes
 css/profile.css                   |  57 +++++++++++++++++++++++++++---
 html/templates/modal_profile.html |   8 +++--
 3 files changed, 59 insertions(+), 6 deletions(-)
 create mode 100644 assets/menu/logout.png

diff --git a/assets/menu/logout.png b/assets/menu/logout.png
new file mode 100644
index 0000000000000000000000000000000000000000..d44fe81b4d4dacae57c65f7f03cf3707b4abe281
GIT binary patch
literal 4745
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
UJ6Q1u|68J*=es#vu=kJo2VpU;+5i9m

literal 0
HcmV?d00001

diff --git a/css/profile.css b/css/profile.css
index 24082be..0a6ce65 100644
--- a/css/profile.css
+++ b/css/profile.css
@@ -1,8 +1,10 @@
 #modal_profile
 {
+    width: 50%;
+    height: 45%;
     padding: 0;
-    color: rgb(0, 17, 255);
-    background-color: rgb(0, 17, 255);
+    background-color: rgba(0, 4, 255, 0.74);
+    border-width: 0px;
 }
 
 .profile-modal
@@ -12,8 +14,55 @@
     display: flex;
     flex-direction: column;
 }
-
+.profile-header
+{
+    font-size: 14px;
+}
+.profile-header button
+{
+    font-size: 25px;
+    width: 30px;
+    height: 30px;
+    background-color: transparent;
+    border-color: transparent;
+    float: right;
+}
+.logout-logo img{
+    z-index: -1;
+    position: absolute;
+    width: 7%;
+}
+.profile-footer{
+    display: flex;
+    flex-direction: column;
+}
 .profile-footer button
 {
-    background-color: red;
+    position: relative;
+    width: 63px;
+    height: 63px;
+    background-color: transparent;
+    border-color: transparent;
+}
+.profile-footer p
+{
+    color: red;
+    font-size: 22px;
+    margin-bottom: -1px;
+    margin-top: -9px;
+}
+.profile-footer button:hover
+{
+    cursor: pointer;
+}
+#btn-token{
+    background-color: grey;
+}
+#btn-token:hover{
+    background-color: transparent;
+    cursor: pointer;
+}
+.profile-header button:hover
+{
+    cursor: pointer;
 }
\ No newline at end of file
diff --git a/html/templates/modal_profile.html b/html/templates/modal_profile.html
index c908516..56d02f3 100644
--- a/html/templates/modal_profile.html
+++ b/html/templates/modal_profile.html
@@ -1,5 +1,6 @@
 <div class="profile-modal">
     <div class="profile-header">
+        <button id="btn-close">X</button>
         <h1>Profile</h1>
     </div>
     
@@ -15,7 +16,10 @@
     </div>
     
     <div class="profile-footer">
-        <button id="btn-logout">Logout</button>
-        <button id="btn-close">X</button>
+        <p>Logout</p>
+        <div class="logout-logo">
+            <img src="/assets/menu/logout.png" alt="">
+            <button id="btn-logout"></button>
+        </div> 
     </div>
 </div>
\ No newline at end of file