FE: [fix] 사후 레포트 UI 수정 #70

CSID-DGU · Dec 3, 2024 · 5c0ceae · 5c0ceae
1 parent 05fe91b
commit 5c0ceae
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/src/frontend/eyesee-admin/src/components/report/ReportSection.tsx b/src/frontend/eyesee-admin/src/components/report/ReportSection.tsx
@@ -57,15 +57,17 @@ const ReportSection = ({ reportData }: ReportSectionType) => {
           <div>부정행위 탐지율</div>
           <div>{reportData.cheatingRate}%</div>
         </div>
-        <div className="w-full flex gap-20 py-3 items-center justify-between text-[20px] text-bold border-b border-white">
+        <div className="w-full flex gap-20 py-3 items-start justify-between text-[20px] text-bold border-b border-white">
           <div>부정행위 유형별 통계</div>
-          {Object.entries(reportData.cheatingTypeStatistics).map(
-            ([type, count]) => (
-              <span key={type}>
-                {type}: {count}건{", "}
-              </span>
-            )
-          )}
+          <div className="flex flex-col gap-2">
+            {Object.entries(reportData.cheatingTypeStatistics).map(
+              ([type, count]) => (
+                <span key={type} className="border-b border-gray-500">
+                  {type}: {count}건{", "}
+                </span>
+              )
+            )}
+          </div>
         </div>
       </div>
     </div>