initial commit

aigo/public/asset/main.css

@@ -0,0 +1,231 @@
+html,
+body {
+    margin: 0;
+    padding: 0;
+    background-color: #f6f7ff !important;
+}
+
+.sidebar {
+    height: 100%;
+    width: 250px;
+    background-color: #0b132b;
+    color: #8296c5;
+    float: left;
+    position: fixed;
+    z-index: 1; /* Stay on top */
+    top: 0; /* Stay at the top */
+}
+
+.sidebar a {
+    color: #6fffe9;
+}
+
+.sidebar a:hover {
+    color: white;
+}
+
+.sidebar a:focus {
+    background-color: #1f1f1e;
+    border-radius: 12px;
+    padding: 10px;
+    color: #6fffe9;
+    font-weight: bold;
+}
+
+.header-logo {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 70px;
+    border-bottom: 1px solid #403d39;
+}
+
+.dashboard {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.btn-dashboard {
+    background-color: #6fffe9;
+    border: none;
+    flex-shrink: 0;
+    color: #0b132b;
+    border-radius: 8px;
+    padding: 8px;
+    padding-left: 60px;
+    padding-right: 60px;
+    margin-top: 20px;
+}
+
+.btn-dashboard:hover {
+    background-color: #f6f7ff;
+    color: #252422;
+}
+
+.btn-primary {
+    display: flex;
+    width: 150px;
+    height: 45px;
+    padding-top: 13px;
+    padding-bottom: 13px;
+    padding-left: 42px;
+    padding-right: 43px;
+    background: #384c7f !important;
+    border-radius: 50px !important;
+    justify-content: center;
+    align-items: center;
+
+    color: white;
+}
+
+.btn-primary:hover {
+    background: #546695 !important;
+}
+
+.btn-logout {
+    display: flex;
+    width: 200px;
+    height: 40px;
+    justify-content: center;
+    align-items: center;
+    background: #cc2a2a;
+    border-radius: 6px;
+    color: #f6f7ff;
+    border: none;
+}
+
+.btn-logout:hover {
+    background-color: white;
+    color: #252422;
+}
+
+.logout {
+    display: flex;
+    justify-content: center;
+    text-decoration: none;
+}
+
+.menu {
+    margin-top: 30px;
+    padding-left: 0.49px;
+    justify-content: flex-start;
+    align-items: center;
+    gap: 12.36px;
+    display: inline-flex;
+}
+
+.menu aside {
+    width: 20px;
+    height: 1px;
+    border: 1px #6fffe9 solid;
+}
+
+.menu h6 {
+    color: #6fffe9;
+    font-weight: 400;
+}
+
+.submenu {
+    display: inline-flex;
+    justify-content: flex-start;
+    align-items: center;
+}
+
+.submenu a {
+    text-decoration: none;
+    color: #8296c5;
+    margin-left: 10px;
+}
+
+.submenu:hover {
+    color: #6fffe9;
+}
+
+.form-label {
+    color: #1c2541;
+}
+
+.content {
+    padding-left: 200px; /* Add some padding to the content area */
+}
+
+::placeholder {
+    color: #8296c5 !important;
+}
+
+.user-table {
+    padding-left: 250px;
+}
+
+.container {
+    display: flex;
+    justify-content: space-between;
+}
+
+.header {
+    display: flex;
+    flex-direction: column;
+}
+
+.event-form {
+    background-color: white;
+    box-shadow: 0px 8px 30px 0px rgba(37, 36, 34, 0.07);
+    border-radius: 20px;
+}
+
+.material-symbols-outlined {
+    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
+    text-decoration: none;
+}
+
+#delete-icon {
+    color: red;
+}
+
+@media only screen and (max-width: 1200px) {
+    body {
+        overflow-x: hidden;
+    }
+
+    .dashboard {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .sidebar {
+        min-width: 250px;
+    }
+}
+
+@media only screen and (max-width: 800px) {
+    body {
+        overflow-x: hidden;
+    }
+
+    .dashboard {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .btn-dashboard {
+        width: 100px;
+        height: auto;
+        padding-left: 10px;
+        padding-right: 10px;
+        margin-top: 20px;
+    }
+
+    .sidebar {
+        min-width: 150px;
+        overflow-y: visible;
+    }
+
+    .logout {
+        position: fixed;
+        height: 100%;
+        width: 100%;
+        text-align: center;
+    }
+}