hyunho/MH-DashBoard-organization
1
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects Releases Wiki Activity

공통 베이스 스타일 구조 도입

Browse Source
This commit is contained in:
hyunho
2026-03-25 12:30:26 +09:00
parent 2bfde8ce58
commit 8a5db81b85
5 changed files with 152 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/public/index.html
View File

@@ -7,6 +7,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Pretendard:wght@400;600;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/legacy/static/common.css">
<link rel="stylesheet" href="/styles.css">
</head>
<body>

45
frontend/public/styles.css
View File

@@ -1,49 +1,10 @@
:root {
--bg: #f1f5f9;
--bg-strong: #e2e8f0;
--panel: rgba(255, 255, 255, 0.92);
--line: rgba(148, 163, 184, 0.35);
--text: #0f172a;
--muted: #64748b;
--header: #1e293b;
--accent: #4f46e5;
--accent-soft: #e0e7ff;
--shadow: 0 24px 60px rgba(15, 23, 42, 0.16);
}
* {
box-sizing: border-box;
}
html,
body {
margin: 0;
min-height: 100%;
font-family: "Pretendard", sans-serif;
color: var(--text);
background:
radial-gradient(circle at top left, rgba(79, 70, 229, 0.12), transparent 22%),
radial-gradient(circle at bottom right, rgba(148, 163, 184, 0.18), transparent 28%),
var(--bg);
}
body {
min-height: 100vh;
}
button,
input,
a {
font: inherit;
}
.hidden {
display: none !important;
}
.eyebrow {
margin: 0 0 10px;
color: var(--accent);
color: var(--color-accent);
font-size: 11px;
font-weight: 900;
letter-spacing: 0.16em;
@@ -78,7 +39,7 @@ a {
grid-template-columns: 1.3fr 0.7fr;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 22px;
border-radius: var(--radius-lg);
background: rgba(71, 85, 105, 0.34);
box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
backdrop-filter: blur(14px);
@@ -230,7 +191,7 @@ a {
}
.nav-pill.active {
background: var(--accent);
background: var(--color-accent);
border-color: transparent;
color: #fff;
box-shadow: 0 10px 24px rgba(79, 70, 229, 0.3);