Fin de la mise en place du dashboard admin. Il reste le style des scrollbars

.vscode/extensions.json

@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "esbenp.prettier-vscode"
+    ]
+}

WEB/View/src/CSS/Admin2.css

@@ -74,6 +74,34 @@ button{
   -o-border-radius: 4px;
 }
 
+.send {
+  background: rgb(146, 254, 157);
+  background: -moz-linear-gradient(
+    50deg,
+    rgba(146, 254, 157, 1) 0%,
+    rgba(0, 201, 255, 1) 100%
+  );
+  background: -webkit-linear-gradient(
+    50deg,
+    rgba(146, 254, 157, 1) 0%,
+    rgba(0, 201, 255, 1) 100%
+  );
+  background: linear-gradient(
+    50deg,
+    rgba(146, 254, 157, 1) 0%,
+    rgba(0, 201, 255, 1) 100%
+  );
+  box-shadow: 0px 0px 50px -5px rgba(0, 201, 255, 0.3);
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -ms-border-radius: 4px;
+  -o-border-radius: 4px;
+
+  width: max-content;
+  height: min-content;
+}
+
 .currentText {
   color: black;
 }
@@ -93,17 +121,17 @@ button{
   background: rgb(0, 0, 0);
   background: -moz-linear-gradient(
     315deg,
-    rgba(0, 0, 0, 1) 0%,
+    rgba(0, 0, 0, 0.4) 0%,
-    rgba(0, 0, 0, 1) 30%
+    rgb(0, 0, 0) 30%
   );
   background: -webkit-linear-gradient(
     315deg,
-    rgba(0, 0, 0, 1) 0%,
+    rgba(0, 0, 0, 0.4) 0%,
-    rgba(0, 0, 0, 1) 30%
+    rgb(0, 0, 0) 30%
   );
   background: linear-gradient(
     315deg,
-    rgba(0, 0, 0, 1) 0%,
+    rgba(0, 0, 0, 0.4) 0%,
     rgba(0, 0, 0, 1) 30%
   );
   border-radius: 15px;
@@ -111,37 +139,54 @@ button{
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
-  height: 350px;
+  min-height: 350px;
-  /*overflow-y: scroll;*/ /* Switch */
+  overflow-y: scroll;
 }
 
-.send {
+
-  background: rgb(146, 254, 157);
+.dashboard-card-reversed {
+  background: rgb(0, 0, 0);
   background: -moz-linear-gradient(
-    50deg,
+    45deg,
-    rgba(146, 254, 157, 1) 0%,
+    rgba(0, 0, 0, 0.4) 0%,
-    rgba(0, 201, 255, 1) 100%
+    rgba(0, 0, 0, 1) 30%
   );
   background: -webkit-linear-gradient(
-    50deg,
+    45deg,
-    rgba(146, 254, 157, 1) 0%,
+    rgba(0, 0, 0, 0.4) 0%,
-    rgba(0, 201, 255, 1) 100%
+    rgba(0, 0, 0, 1) 30%
   );
   background: linear-gradient(
-    50deg,
+    45deg,
-    rgba(146, 254, 157, 1) 0%,
+    rgba(0, 0, 0, 0.4) 0%,
-    rgba(0, 201, 255, 1) 100%
+    rgba(0, 0, 0, 1) 30%
   );
-  box-shadow: 0px 0px 50px -5px rgba(0, 201, 255, 0.3);
-  border-radius: 4px;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  -ms-border-radius: 4px;
-  -o-border-radius: 4px;
-
-  width: max-content;
 }
 
+.dashboard-card-mail {
+  background: rgb(0, 0, 0);
+  background: -moz-linear-gradient(
+    180deg,
+    rgba(0, 0, 0, 0.4) 0%,
+    rgba(0, 0, 0, 1) 30%
+  );
+  background: -webkit-linear-gradient(
+    180deg,
+    rgba(0, 0, 0, 0.4) 0%,
+    rgba(0, 0, 0, 1) 30%
+  );
+  background: linear-gradient(
+    180deg,
+    rgba(0, 0, 0, 0.4) 0%,
+    rgba(0, 0, 0, 1) 40%
+  );
+  border-radius: 15px;
+  -webkit-border-radius: 15px;
+  -moz-border-radius: 15px;
+  -ms-border-radius: 15px;
+  -o-border-radius: 15px;
+  min-height: 350px;
+}
 
 .user-box input {
   width: 100%;
@@ -178,29 +223,15 @@ button{
 }
 
 #message {
-  width: auto;
+  width: 100%;
-  height: auto;
+  height: 100%;
   resize: none;
-}
+  border: none;
-
+  background-color: transparent;
-
+  border: 1px solid #fff;
-.fullscreen {
+  border-radius: 4px;
-  z-index: 9999;
+  -webkit-border-radius: 4px;
-  position: absolute;
+  -moz-border-radius: 4px;
-  width: 80%;
+  -ms-border-radius: 4px;
-  height: 95%;
+  -o-border-radius: 4px;
-  margin: 0 !important;
-  left: 50%;
-  top: 50%;
-  transform: translate(-44%, -50%);
-  -webkit-transform: translate(-44%, -50%);
-  -moz-transform: translate(-44%, -50%);
-  -ms-transform: translate(-44%, -50%);
-  -o-transform: translate(-44%, -50%);
-  margin-top: 20px;
-  padding-bottom: 20px;
-}
-
-.hidden {
-  display: none;
 }