css

src/css/App.css

@@ -1,14 +1,14 @@
 .app {
-    width: 100vw;
-    height: 100vh;
     background-color: var(--background-primary);
   }
   
   header {
+    position: absolute;
+    right: 0;
     display: flex;
     flex-direction: row;
     text-align: center;
-    height: var(--header-height);
+    height: 50px;
     background-color: var(--background-tertiary);
   }
   
@@ -20,7 +20,7 @@
   
   .main-content {
     width: 100%;
-    height: 91%;
-    margin: 20px;
+    height: 100%;
+    padding-right: 30px;
     background-color: var(--background-secondary);
   }

src/css/components/Sidebar.css

@@ -1,7 +1,7 @@
 .sidebar {
     min-width: 200px;
     height: 100%;
-    background-color: var(--background-secondary);
+    margin-right: 10px;
 }
 
 .sidebar-menu {

src/css/index.css

@@ -3,7 +3,7 @@
 :root {
   --bg-color: #232323;
   --bg-secondary-color: #343434;
-  --color-primary: #00377e;
+  --color-primary: #2760aa;
   --color-lightGrey: #d2d6dd;
   --color-grey: #ccc;
   --color-darkGrey: #777;
@@ -17,8 +17,35 @@
   --font-family-mono: monaco, "Consolas", "Lucida Console", monospace;
 }
 
-* {
-  /* outline: red dashed 1px; */
+.flex {
+  display: flex;
+  gap: 10px;
+}
+
+html {
+  height: 100%;
+}
+
+ul {
+  list-style-type: none;
+  /* padding: 0; */
+}
+
+tbody tr:hover {
+  background-color: rgba(0, 0, 0, 0.199) !important;
+}
+
+/* * {
+  outline: red dashed 1px;
+} */
+
+#root {
+  height: 100%;
+}
+
+.is-full-screen {
+  height: 100%;
+  min-height: unset;
 }
 
 .card {

src/css/pages/Login.css

@@ -7,7 +7,7 @@ input{
 .logoImg{
     max-height: 120px;
 }
-.row>div{
+.dingus{
     max-width: 407px;
 }
 .methodsWrapper{

src/css/pages/Users.css

@@ -0,0 +1,11 @@
+.user-page {
+    height: 100%;
+}
+
+.user-list {
+    height: 95%;
+}
+
+li input {
+    margin: 0;
+}