From 94a8a5220c1e48b3b6b267642aee88eb02737bd2 Mon Sep 17 00:00:00 2001
From: NamKyeongMin <kyeongmin35@gachon.ac.kr>
Date: Wed, 21 May 2025 21:27:17 +0900
Subject: [PATCH 1/2] =?UTF-8?q?[add]:=20Detail=5Fgreenbox=20UI=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/admin/DetailManageStudent.jsx   | 15 +++++++++----
 .../admin/DetailManageStudent.module.css      | 21 +++++++++++++++++++
 2 files changed, 32 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/admin/DetailManageStudent.jsx b/frontend/src/pages/admin/DetailManageStudent.jsx
index 70266a2..24ca910 100644
--- a/frontend/src/pages/admin/DetailManageStudent.jsx
+++ b/frontend/src/pages/admin/DetailManageStudent.jsx
@@ -32,11 +32,18 @@ const DetailManageStudent = () => {
       <Header />
       <div className={style.under_header}>
         <div className={style.student_card}>
-          <h2>{student.name}</h2>
-          <p>잔여 보증금: {student.deposit}원</p>
-          <p>보증금 방어권: {student.defence}</p>
+          <h2 className={style.student_name}>{student.name}</h2>
+          <div className={style.deposit_container}>
+            <p>
+              잔여 보증금: <p>{student.deposit}원</p>
+            </p>
+          </div>
+          <div className={style.defence_container}>
+            <p>
+              보증금 방어권: <p>{student.defence}</p>
+            </p>
+          </div>
         </div>
-
         <div className={style.assignment_list}>
           {student.assignmentTitles.map((title, idx) => (
             <button key={idx} className={style.assignment_button}>
diff --git a/frontend/src/pages/admin/DetailManageStudent.module.css b/frontend/src/pages/admin/DetailManageStudent.module.css
index 86fe69d..c9de468 100644
--- a/frontend/src/pages/admin/DetailManageStudent.module.css
+++ b/frontend/src/pages/admin/DetailManageStudent.module.css
@@ -9,3 +9,24 @@
   flex-direction: column;
   align-items: center;
 }
+.student_card {
+  display: flex;
+  background: #49ff24;
+  flex-direction: column;
+  border-radius: 9px;
+  padding: 15px 20px;
+  width: 300px;
+  height: 150px;
+  justify-content: space-around;
+}
+.student_name {
+  font-size: 25px;
+  font-weight: 700;
+}
+.deposit_container,
+.defence_container {
+  display: flex;
+  justify-content: space-between;
+  font-size: 20px;
+  font-weight: 500;
+}

From ab6bce1dd469f1f1862365040575d3ec42c39901 Mon Sep 17 00:00:00 2001
From: NamKyeongMin <kyeongmin35@gachon.ac.kr>
Date: Wed, 21 May 2025 21:34:36 +0900
Subject: [PATCH 2/2] =?UTF-8?q?[add]:=20move=5Fdetail=5Fto=5Fattendance=20?=
 =?UTF-8?q?btn=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/admin/DetailManageStudent.jsx    |  7 +++++++
 .../src/pages/admin/DetailManageStudent.module.css  | 13 +++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/frontend/src/pages/admin/DetailManageStudent.jsx b/frontend/src/pages/admin/DetailManageStudent.jsx
index 24ca910..3b4907a 100644
--- a/frontend/src/pages/admin/DetailManageStudent.jsx
+++ b/frontend/src/pages/admin/DetailManageStudent.jsx
@@ -44,6 +44,13 @@ const DetailManageStudent = () => {
             </p>
           </div>
         </div>
+        <button
+          key={student.id || index}
+          className={style.attendance_btn}
+          onClick={() => navigate(`/admin/attendance/${student.id}`)}
+        >
+          출석 관리 <span>&gt;</span>
+        </button>
         <div className={style.assignment_list}>
           {student.assignmentTitles.map((title, idx) => (
             <button key={idx} className={style.assignment_button}>
diff --git a/frontend/src/pages/admin/DetailManageStudent.module.css b/frontend/src/pages/admin/DetailManageStudent.module.css
index c9de468..0e081f2 100644
--- a/frontend/src/pages/admin/DetailManageStudent.module.css
+++ b/frontend/src/pages/admin/DetailManageStudent.module.css
@@ -30,3 +30,16 @@
   font-size: 20px;
   font-weight: 500;
 }
+.attendance_btn {
+  border: 1px solid #49ff24;
+  border-radius: 9px;
+  width: 300px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background-color: #333;
+  color: #49ff24;
+  padding: 15px;
+  text-align: left;
+}