[add]: detailstudentmanage - 출석관리 btn + 과제 btn

Author: NamKyeongMin

frontend/src/pages/admin/DetailManageStudent.jsx

@@ -1,4 +1,5 @@
 import { useParams } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
 import { useEffect, useState } from "react";
 import Header from "../../components/Header";
 import style from "./DetailManageStudent.module.css";
@@ -8,6 +9,7 @@ const DetailManageStudent = () => {
   const { studentId } = useParams();
   const numericId = Number(studentId);
   const [student, setStudent] = useState(null);
+  const navigate = useNavigate();
 
   useEffect(() => {
     const fetchStudent = async () => {
@@ -34,14 +36,10 @@ const DetailManageStudent = () => {
         <div className={style.student_card}>
           <h2 className={style.student_name}>{student.name}</h2>
           <div className={style.deposit_container}>
-            <p>
-              잔여 보증금: <p>{student.deposit}원</p>
-            </p>
+            잔여 보증금: <span>{student.deposit}원</span>
           </div>
           <div className={style.defence_container}>
-            <p>
-              보증금 방어권: <p>{student.defence}</p>
-            </p>
+            보증금 방어권: <span>{student.defence}</span>
           </div>
         </div>
         <button

frontend/src/pages/admin/DetailManageStudent.module.css

@@ -10,14 +10,14 @@
   align-items: center;
 }
 .student_card {
+  /* height: 150px; */
   display: flex;
   background: #49ff24;
   flex-direction: column;
   border-radius: 9px;
   padding: 15px 20px;
   width: 300px;
-  height: 150px;
-  justify-content: space-around;
+  gap: 15px;
 }
 .student_name {
   font-size: 25px;
@@ -38,8 +38,31 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  background-color: #333;
   color: #49ff24;
-  padding: 15px;
-  text-align: left;
+  padding: 24px 15px;
+  margin-block: 30px;
+  font-size: 18px;
+}
+.assignment_list {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.assignment_button {
+  width: 309px;
+  height: 47px;
+  border-radius: 14px;
+  background-color: var(--border-gray);
+  color: var(--text-white);
+  font-weight: 400;
+  font-size: 16px;
+  font-family: "Noto Sans KR", sans-serif;
+  border: 1px var(--background-black) solid;
+  padding: 10px;
+  margin-top: 11px;
+}
+.assignment_button:focus {
+  border: 1px var(--main-green) solid;
 }