Initial commit

2026-05-12 17:51:53 +08:00
commit b564ca4797
55 changed files with 6407 additions and 0 deletions
@@ -0,0 +1,66 @@
+/* SmartUp — Global CSS */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+
+:root {
+  --bg-base: #0d1117;
+  --bg-surface: #161b22;
+  --bg-card: #1c2128;
+  --bg-elevated: #22272e;
+  --border-color: #30363d;
+  --text-primary: #e6edf3;
+  --text-secondary: #8b949e;
+  --text-muted: #6e7681;
+  --color-primary: #6366f1;
+  --color-primary-hover: #818cf8;
+  --color-success: #22c55e;
+  --color-danger: #ef4444;
+  --color-warning: #f59e0b;
+  --color-info: #38bdf8;
+  --sidebar-width: 220px;
+  --topbar-height: 56px;
+}
+
+*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+html, body, #app {
+  height: 100%;
+  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+  background-color: var(--bg-base);
+  color: var(--text-primary);
+  -webkit-font-smoothing: antialiased;
+}
+
+/* Element Plus dark mode overrides */
+.el-table { --el-table-bg-color: var(--bg-card); --el-table-tr-bg-color: var(--bg-card); --el-table-header-bg-color: var(--bg-elevated); --el-table-border-color: var(--border-color); --el-table-text-color: var(--text-primary); --el-table-header-text-color: var(--text-secondary); }
+.el-dialog { --el-dialog-bg-color: var(--bg-surface); --el-dialog-border-color: var(--border-color); }
+.el-drawer { --el-drawer-bg-color: var(--bg-surface); }
+.el-form-item__label { color: var(--text-secondary); }
+.el-input__wrapper { background-color: var(--bg-elevated) !important; box-shadow: 0 0 0 1px var(--border-color) inset !important; }
+.el-input__inner { color: var(--text-primary) !important; }
+.el-select-dropdown { background-color: var(--bg-elevated); border-color: var(--border-color); }
+.el-select-dropdown__item { color: var(--text-primary); }
+.el-select-dropdown__item.hover, .el-select-dropdown__item:hover { background-color: var(--bg-surface); }
+.el-tag { border-radius: 6px; }
+.el-button--primary { background-color: var(--color-primary); border-color: var(--color-primary); }
+.el-button--primary:hover { background-color: var(--color-primary-hover); border-color: var(--color-primary-hover); }
+
+/* Status badges */
+.status-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 2px 10px;
+  border-radius: 20px;
+  font-size: 12px;
+  font-weight: 500;
+}
+.status-badge.healthy { background: rgba(34,197,94,0.15); color: var(--color-success); }
+.status-badge.unhealthy { background: rgba(239,68,68,0.15); color: var(--color-danger); }
+.status-badge.unknown { background: rgba(110,118,129,0.2); color: var(--text-muted); }
+.status-badge.enabled { background: rgba(99,102,241,0.15); color: var(--color-primary); }
+.status-badge.disabled { background: rgba(110,118,129,0.15); color: var(--text-muted); }
+
+/* Scrollbar */
+::-webkit-scrollbar { width: 6px; height: 6px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 3px; }