htlee
3fa0b67e97
styles.css 모놀리스를 @import 기반 모듈 구조로 분리: - base.css: CSS 변수, 리셋, 폰트 - layout.css: 그리드 레이아웃, 반응형 - components/: topbar, panels, toggles, speed, vessel-list, ais-list, alarms, relations, map-panels, map-settings, auth, weather, weather-overlay Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
37 lines
542 B
CSS
37 lines
542 B
CSS
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;800;900&display=swap");
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
:root {
|
|
--bg: #020617;
|
|
--panel: #0f172a;
|
|
--card: #1e293b;
|
|
--border: #1e3a5f;
|
|
--text: #e2e8f0;
|
|
--muted: #64748b;
|
|
--accent: #3b82f6;
|
|
|
|
--crit: #ef4444;
|
|
--high: #f59e0b;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
font-family: "Noto Sans KR", sans-serif;
|
|
background: var(--bg);
|
|
color: var(--text);
|
|
overflow: hidden;
|
|
}
|
|
|
|
#root {
|
|
height: 100%;
|
|
}
|