Version 0.6.0 - Ajout des utilisateurs et des paramètres V1

public/stylesheets/style.css

@@ -213,6 +213,12 @@ a {
   user-select: none;
 }
 
+.user-actions {
+
+  display: flex;
+  gap: 10px;
+}
+
 @media (max-width: 640px) {
 
   .logo {
@@ -1051,3 +1057,148 @@ a {
   background-color: rgba(44, 40, 42, 0.614);
 
 }
+
+
+/* USERS */
+
+.us-bar{
+
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px;
+
+
+}
+
+.us-bar p {
+  
+    font-size: 15px;
+}
+
+.user-line {
+
+  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;
+}
+
+
+.user-line-info {
+
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+  align-items: center;
+}
+
+.user-line-displayname {
+  
+    font-size: 15px;
+    margin-block: 0 !important;
+}
+
+.us-users {
+  display: flex;
+  padding: 10px;
+  flex-direction: column;
+  gap: 10px;
+  overflow-y: auto ;
+  height: 700px;
+}
+
+.user-edit-actual {
+
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  align-items: center;
+  justify-content: center;
+}
+.user-edit-line {
+
+  display: flex;
+  flex-direction: column;
+
+  align-items: center;
+  justify-content: center;
+}
+
+.user-edit-info {
+
+  font-size: 14px;
+}
+
+.user-edit-actions {
+
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+  align-items: space-around;
+  justify-content: center;
+}
+
+.category {
+
+  display: flex;
+  gap: 10px;
+  flex-direction: column;
+  align-items: center;
+  background-color: #1b1b1bc1;
+  padding: 10px;
+  margin: 5px;
+  border-radius: 10px;
+}
+
+.permissions {
+
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+  font-size: 12px;
+  gap: 10px;
+}
+
+.us-add {
+
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  align-items: center;
+  justify-content: center;
+}
+
+.us-add p {
+  font-size: 14px;
+
+}
+
+.us-edit {
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 10px;
+}
+
+#st-save {
+  margin-top: 10px;
+
+}
+
+
+.st-act {
+
+  display: flex;
+  gap: 10px;
+}
+
+.us-delete {
+
+  font-size: 12px;
+}