sn: 테마변경 1차

This commit is contained in:
2026-07-09 15:57:30 +09:00
parent a623c53fa5
commit d10a17eaf6
14 changed files with 101 additions and 101 deletions
@@ -316,18 +316,18 @@ export default function PipeAnalysisPopupPage() {
);
return (
<main className="flex h-screen flex-col overflow-hidden bg-white">
<main className="sn-popup-page">
<LoadingOverlay isLoading={isLoading} />
<header className="flex min-h-[44px] items-center justify-between border-b border-[#dbe2e6] bg-primary px-5 py-3">
<h1 className="text-[1.45rem] font-semibold text-white">관로분석</h1>
<header className="sn-popup-header">
<h1 className="sn-popup-title">관로분석</h1>
</header>
<section className="overflow-y-auto p-4">
<div className="grid grid-cols-1 gap-3 border-b border-slate-200 bg-slate-50 pb-4 md:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)_auto] md:items-end">
<section className="sn-popup-section overflow-y-auto">
<div className="grid grid-cols-1 gap-3 border-b border-border bg-secondary pb-4 md:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)_auto] md:items-end">
<label className="block">
<div className="mb-1 text-[1.05rem] font-medium text-slate-700">시도</div>
<div className="mb-1 text-[1.05rem] font-medium text-label">시도</div>
<select
className="h-10 w-full rounded-md border border-slate-300 px-3 text-[1.1rem]"
className="sn-popup-input !text-[1.1rem]"
value={draftFilters.ctpvCd}
disabled={scope.ctpvLocked}
onChange={(event) =>
@@ -349,9 +349,9 @@ export default function PipeAnalysisPopupPage() {
</label>
<label className="block">
<div className="mb-1 text-[1.05rem] font-medium text-slate-700">시군구</div>
<div className="mb-1 text-[1.05rem] font-medium text-label">시군구</div>
<select
className="h-10 w-full rounded-md border border-slate-300 px-3 text-[1.1rem]"
className="sn-popup-input !text-[1.1rem]"
value={draftFilters.sggCd}
disabled={scope.sggLocked}
onChange={(event) =>
@@ -372,9 +372,9 @@ export default function PipeAnalysisPopupPage() {
</label>
<label className="block">
<div className="mb-1 text-[1.05rem] font-medium text-slate-700">처리구역</div>
<div className="mb-1 text-[1.05rem] font-medium text-label">처리구역</div>
<select
className="h-10 w-full rounded-md border border-slate-300 px-3 text-[1.1rem]"
className="sn-popup-input !text-[1.1rem]"
value={draftFilters.swtrmtZoneNm}
onChange={(event) =>
setDraftFilters((current) => ({
@@ -392,9 +392,9 @@ export default function PipeAnalysisPopupPage() {
</label>
<label className="block">
<div className="mb-1 text-[1.05rem] font-medium text-slate-700">분석구분</div>
<div className="mb-1 text-[1.05rem] font-medium text-label">분석구분</div>
<select
className="h-10 w-full rounded-md border border-slate-300 px-3 text-[1.1rem]"
className="sn-popup-input !text-[1.1rem]"
value={draftFilters.analysisType}
onChange={(event) =>
setDraftFilters((current) => ({
@@ -447,7 +447,7 @@ export default function PipeAnalysisPopupPage() {
{headList.map((head) => (
<TableHead
key={head.id}
className={`border border-border bg-[#eaf3fb] px-4 py-[1.2rem] text-[1.3rem] font-medium text-[#647784] ${
className={`border border-border bg-secondary px-4 py-[1.2rem] text-[1.3rem] font-medium text-label ${
head.align === "right" ? "text-right" : "text-center"
}`}
>
@@ -490,7 +490,7 @@ export default function PipeAnalysisPopupPage() {
<TableCell
key={`${group.base.ctpvCd}-${group.base.sggCd}-${group.base.swtrmtZoneNm}-${yearRow.elapsedYearBucket}-${column.key}`}
className={`border border-border px-2 py-[1.2rem] text-right text-[1.3rem] ${
isClickable ? "cursor-pointer font-semibold text-blue-700 underline underline-offset-2" : ""
isClickable ? "cursor-pointer font-semibold text-primary underline underline-offset-2" : ""
}`}
onClick={() => {
if (isClickable) {
@@ -507,7 +507,7 @@ export default function PipeAnalysisPopupPage() {
)
) : (
<TableRow>
<TableCell colSpan={headList.length} className="h-24 border border-border text-center text-[1.3rem] text-gray-500">
<TableCell colSpan={headList.length} className="h-24 border border-border text-center text-[1.3rem] text-label">
조회 결과가 없습니다.
</TableCell>
</TableRow>