Site

- add pen edit on pfp and banner when it s personnal page

docker-compose/requirements/nginx/static/style/profilPage/profil.css

@@ -28,6 +28,7 @@
     height: 250px;
     background-color: #D3D3D3;
     margin-bottom: 20px;
+    position: relative;
 }
 
 #profil .background-card img {
@@ -100,3 +101,59 @@
     padding: 20px;
     text-align: center;
 }
+
+#profil .container .rightButtonDiv {
+    margin-left: auto;
+    margin-right: 50px;
+}
+
+#profil .container .rightButtonDiv img {
+    width: 40px;
+    height: 40px;
+    object-fit: cover;
+    object-position: 50% 50%;
+    margin-left: 5px;
+    cursor: pointer;
+}
+
+#profil .container .editPen {
+    position: absolute;
+    z-index: 10;
+    top: 10px;
+    right: 10px;
+    width: 40px;
+    height: 40px;
+    margin: 10px;
+    padding: 10px;
+    opacity: 0.5;
+    background-color: black;
+    border-radius: 10px;
+}
+
+#profil .container .editPen:hover {
+    opacity: 1;
+}
+
+#profil .container #editPenPfpBg
+{
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: #00000067;
+    opacity: 0;
+}
+
+#profil .container .editPenPfp {
+    width: 50%;
+    height: 50%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    border-radius: 0;
+}
+
+#profil .container #editPenPfpBg:hover {
+    opacity: 1;
+    cursor: pointer;
+}