Initialize work order management system with database schema, API handlers, web client, and Docker configuration.

2026-05-16 16:15:53 -04:00
parent c135722339
commit f904431ec3
28 changed files with 2171 additions and 0 deletions
@@ -0,0 +1,104 @@
+:root {
+  --navy:      #0d2137;
+  --accent:    #0a7ea4;
+  --accent-lt: #14b8d4;
+  --surface:   #ffffff;
+  --bg:        #f0f6fa;
+  --border:    #e2ebf0;
+  --text:      #1a2e3b;
+  --muted:     #64748b;
+  --danger:    #c0392b;
+  --success:   #1d9d6c;
+  --warning:   #e07b39;
+  --radius:    8px;
+  --shadow:    0 2px 8px rgba(0,0,0,.08);
+
+  font-family: Calibri, 'Segoe UI', system-ui, sans-serif;
+  font-size: 16px;
+  color: var(--text);
+  background: var(--bg);
+}
+
+body { min-height: 100vh; }
+
+a { color: var(--accent); text-decoration: none; }
+a:hover { text-decoration: underline; }
+
+button {
+  cursor: pointer;
+  border: none;
+  border-radius: var(--radius);
+  padding: .5rem 1rem;
+  background: var(--accent);
+  color: #fff;
+  font-weight: 600;
+  transition: opacity .15s;
+}
+button:hover { opacity: .85; }
+button.secondary {
+  background: transparent;
+  border: 1px solid var(--border);
+  color: var(--text);
+}
+
+input, select, textarea {
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: .5rem .75rem;
+  width: 100%;
+  background: var(--surface);
+  color: var(--text);
+  transition: border-color .15s;
+}
+input:focus, select:focus, textarea:focus {
+  outline: none;
+  border-color: var(--accent);
+}
+
+.card {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 1.25rem;
+  box-shadow: var(--shadow);
+}
+
+.badge {
+  display: inline-block;
+  padding: .2rem .6rem;
+  border-radius: 999px;
+  font-size: .75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: .04em;
+}
+.badge-draft        { background: #e2e8f0; color: #475569; }
+.badge-assigned     { background: #dbeafe; color: #1d4ed8; }
+.badge-scheduled    { background: #fef3c7; color: #92400e; }
+.badge-in_progress  { background: #d1fae5; color: #065f46; }
+.badge-pending_review { background: #ede9fe; color: #5b21b6; }
+.badge-closed       { background: #f3f4f6; color: #6b7280; }
+
+#app { max-width: 1200px; margin: 0 auto; padding: 0 1rem; }
+
+nav {
+  background: var(--navy);
+  color: #fff;
+  padding: .75rem 1.5rem;
+  display: flex;
+  align-items: center;
+  gap: 1.5rem;
+}
+nav .brand { font-weight: 700; font-size: 1.1rem; color: #fff; }
+nav a { color: rgba(255,255,255,.8); font-size: .9rem; }
+nav a:hover { color: #fff; text-decoration: none; }
+nav .spacer { flex: 1; }
+nav .user-info { font-size: .85rem; color: rgba(255,255,255,.7); }
+
+.page-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1.5rem 0 1rem;
+}
+.page-header h1 { font-size: 1.4rem; }
@@ -0,0 +1,6 @@
+*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+html { -webkit-text-size-adjust: 100%; }
+body { line-height: 1.5; -webkit-font-smoothing: antialiased; }
+img, svg { display: block; max-width: 100%; }
+input, button, textarea, select { font: inherit; }
+p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }