## React SPA Dashboard - React 19 + Vite 7 + Tailwind CSS 4 + Recharts 2 SPA 구축 - Dashboard (배치현황/시스템메트릭/캐시/처리량) + JobMonitor (이력조회/Step상세) - i18n 다국어(ko/en) 시스템, Light/Dark 테마 CSS 토큰 전환 - frontend-maven-plugin 1.15.1 (mvn package 시 자동 빌드) - WebViewController SPA forward + context-path /signal-batch - 레거시 HTML 48개 파일 전체 삭제 ## 안전 배포 - VesselBatchScheduler @PreDestroy: 신규 Job 차단 + 실행 중 Job 완료 대기 - server.shutdown=graceful, timeout-per-shutdown-phase=3m - deploy.yml: 활성 Job 3초 연속 확인 후 stop → 교체 → start - signal-batch.service TimeoutStopSec 60→180 - scripts/deploy.sh: 수동 배포용 안전 스크립트 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
33 lines
1003 B
CSS
33 lines
1003 B
CSS
@import "tailwindcss";
|
|
@import "./styles/tokens.css";
|
|
@import "./styles/components/card.css";
|
|
@import "./styles/components/badge.css";
|
|
@import "./styles/components/table.css";
|
|
@import "./styles/components/navbar.css";
|
|
@import "./styles/utilities.css";
|
|
|
|
@theme {
|
|
--color-primary: var(--sb-primary);
|
|
--color-primary-hover: var(--sb-primary-hover);
|
|
--color-surface: var(--sb-surface);
|
|
--color-surface-hover: var(--sb-surface-hover);
|
|
--color-background: var(--sb-background);
|
|
--color-foreground: var(--sb-text);
|
|
--color-muted: var(--sb-text-muted);
|
|
--color-border: var(--sb-border);
|
|
--color-success: var(--sb-success);
|
|
--color-danger: var(--sb-danger);
|
|
--color-warning: var(--sb-warning);
|
|
--color-info: var(--sb-info);
|
|
--font-sans: var(--sb-font-sans);
|
|
--font-mono: var(--sb-font-mono);
|
|
}
|
|
|
|
body {
|
|
background-color: var(--sb-background);
|
|
color: var(--sb-text);
|
|
font-family: var(--sb-font-sans);
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|