ONAANDALL/frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

침입수 분석결과 [강우유입수분석결과] 박스 內 3개 숫자 단위 정렬 수정

Browse Source
This commit is contained in:
LGS
2026-03-18 14:13:08 +09:00
parent daaff4a4ca
commit 165c7bcbbf
1 changed files with 24 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/sn/app/(map-layout)/map/components/popupComponent/chart/rdiiChart.tsx
+24 -13
View File
@@ -275,28 +275,39 @@ const RdiiChart = ({ pplMngNo = '' }: ModalOpenProp) => {
{/* 우측: 지표 영역 */}
<div className="ml-auto flex flex-col gap-2 text-right">
<div className="grid grid-cols-[1fr_auto] items-center gap-7">
<div className="grid grid-cols-[1fr_auto] items-center gap-6">
<span className="text-[15px] text-[#555]">평균RDII</span>
<div className="w-[66px] flex items-end justify-start gap-2">
<span className="text-[18px] font-extrabold text-[#111]">{rdiiQty}</span>
<span className="text-[14px] text-[#111]">m³/d</span>
<div className="flex justify-end">
<div className="flex items-end gap-2">
<span className="w-[105px] text-right text-[18px] font-extrabold text-[#111] tabular-nums">
{rdiiQty}
</span>
<span className="w-[52px] text-left text-[14px] text-[#111]">m³/d</span>
</div>
</div>
</div>
<div className="grid grid-cols-[1fr_auto] items-center gap-7">
<div className="grid grid-cols-[1fr_auto] items-center gap-6">
<span className="text-[15px] text-[#555]">적용 강우량</span>
<div className="w-[66px] flex items-end justify-start gap-2">
<span className="text-[18px] font-extrabold text-[#111]">{rainTotal}</span>
<span className="text-[14px] text-[#111]">mm</span>
<div className="flex justify-end">
<div className="flex items-end gap-2">
<span className="w-[105px] text-right text-[18px] font-extrabold text-[#111] tabular-nums">
{rainTotal}
</span>
<span className="w-[52px] text-left text-[14px] text-[#111]">mm</span>
</div>
</div>
</div>
<div className="grid grid-cols-[1fr_auto] items-center gap-7">
<div className="grid grid-cols-[1fr_auto] items-center gap-6">
<span className="text-[15px] text-[#555]">강우량 대비 RDII</span>
<div className="w-[66px] flex items-end justify-start gap-2">
<span className="text-[18px] font-extrabold text-[#111]">{totalVolume}</span>
<span className="text-[14px] text-[#111]">m³/mm</span>
<div className="flex justify-end">
<div className="flex items-end gap-2">
<span className="w-[105px] text-right text-[18px] font-extrabold text-[#111] tabular-nums">
{totalVolume}
</span>
<span className="w-[52px] text-left text-[14px] text-[#111]">m³/mm</span>
</div>
</div>
</div>
</div>