Version 1.0.0 - Ajout de WebMetrics et de l'édit utilisateur

public/stylesheets/style.css

@@ -1110,7 +1110,7 @@ a {
   flex-direction: column;
   gap: 10px;
   overflow-y: auto ;
-  height: 700px;
+  height: 550px;
 }
 
 .user-edit-actual {
@@ -1201,4 +1201,162 @@ a {
 .us-delete {
 
   font-size: 12px;
+}
+
+.mt-metrics {
+
+  overflow-y: auto;
+  height: 470px;
+
+
+}
+
+.mt-bar {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px;
+
+}
+
+.mt-bar p {
+  font-size: 15px;
+} 
+
+
+.mt-add {
+
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  align-items: center;
+  justify-content: center;
+}
+
+.mt-add p {
+  font-size: 14px;
+  margin-block: 0 !important;
+}
+
+#mt-add-btn {
+  
+    margin-top: 10px;
+}
+
+
+.metric {
+  
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    padding: 10px;
+    border-radius: 10px;
+    background-color: #1b1b1bc1;
+    transition: 0.1s;
+    align-items: center;
+    gap: 10px;
+    margin: 10px;
+}
+
+
+.metric-content {
+  
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    align-items: center;
+    font-size: 14px;
+}
+
+.metric-id {
+
+  font-size: 14px;
+  color: #c0c0c0;
+}
+
+
+.metric-data {
+
+  display: flex;
+  align-items: center;
+  gap: 30px;
+}
+
+.metric-data-id {
+
+  font-size: 12px;
+  color: #c0c0c0;
+}
+
+.metric-data-value {
+
+  color: #c7c7c7;
+}
+
+.metric-data-value span {
+
+  color: #ffffff;
+}
+
+
+.menu-drop {
+
+    display: flex;
+    flex-direction: column;
+    position: absolute;
+    bottom: 110%;
+    left: 0.7%;
+}
+
+.menu-settings {
+
+  display: flex;
+  gap: 10px;
+  padding: 10px;
+  align-items: center;
+  background-color: #1b1b1bc1;
+  transition: 0.1s;
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.menu-settings:hover {
+
+  background-color: rgba(255, 255, 255, 0.614);
+  color: black;
+}
+
+.user-settings {
+
+  padding: 10px;
+}
+
+.us-settings-info {
+  font-size: 12px;
+}
+
+.us-settings-image {
+
+  width: 125px;
+  height: 125px;
+  border-radius: 100%;
+}
+
+#us-settings-permissions {
+
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr 1fr ;
+  gap: 10px;
+  width: 50%;
+  font-size: 12px;
+}
+
+#us-settings-permissions p {
+  margin: 0 !important;
+  background-color: #323031;
+  padding: 10px;
+  border-radius: 10px;
+  text-align: center;
+  width: 100px;
 }