adding gui for the application

2026-09-18 11:11:59 -04:00
parent ff7aa065e3
commit 256e87c8c8
47 changed files with 4398 additions and 12055 deletions
@@ -0,0 +1,121 @@
+.button {
+  border: 0;
+  border-radius: 999px;
+  padding: 12px 18px;
+  cursor: pointer;
+  font-weight: 700;
+  white-space: nowrap;
+}
+
+.primaryButton {
+  composes: button;
+  background: #2563eb;
+  color: #ffffff;
+}
+
+.secondaryButton {
+  composes: button;
+  background: #ffffff;
+  color: #172033;
+  box-shadow: inset 0 0 0 1px #d9e1ec;
+}
+
+.tableCard {
+  overflow: hidden;
+  background: #ffffff;
+  border-radius: 24px;
+  box-shadow: 0 20px 50px rgba(17, 24, 39, 0.08);
+}
+
+.tableScroll {
+  overflow-x: auto;
+}
+
+.table {
+  width: 100%;
+  border-collapse: collapse;
+  min-width: 760px;
+
+  th,
+  td {
+    padding: 16px 18px;
+    text-align: left;
+    border-bottom: 1px solid #edf1f6;
+  }
+
+  th {
+    color: #6b7280;
+    font-size: 0.78rem;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    background: #f8fafc;
+  }
+
+  td {
+    color: #293548;
+  }
+
+  tbody tr {
+    cursor: pointer;
+  }
+}
+
+.selectedRow {
+  background: #eef4ff;
+}
+
+.status {
+  display: inline-flex;
+  align-items: center;
+  border-radius: 999px;
+  padding: 6px 10px;
+  font-size: 0.82rem;
+  font-weight: 700;
+  color: #047857;
+  background: #d1fae5;
+}
+
+.working {
+  color: #047857;
+  background: #d1fae5;
+}
+
+.worked {
+  color: #1d4ed8;
+  background: #dbeafe;
+}
+
+.off-duty {
+  color: #b45309;
+  background: #fef3c7;
+}
+
+.form {
+  display: grid;
+  gap: 16px;
+
+  label {
+    display: grid;
+    gap: 8px;
+    color: #293548;
+    font-weight: 700;
+  }
+
+  input,
+  select {
+    border: 1px solid #d9e1ec;
+    border-radius: 14px;
+    padding: 12px 14px;
+    color: #172033;
+    font: inherit;
+  }
+}
+
+.error {
+  color: #b91c1c;
+  font-weight: 700;
+}
+
+.muted {
+  color: #687487;
+}