ㅠㅠ

src/Admin.js

@@ -30,14 +30,14 @@ function Admin() {
         <>
             <div className="container-fluid">
                 <div className="row justify-content-md-center mt-5">
-                    <div className="col-2 text-center border py-5">
-                        <div className="mb-5">
-                            <h4>관리자페이지</h4>
+                    <div className="col-2 text-center border py-5 bg-white">
+                        <div className="py-3 border-top border-bottom">
+                            <h5 className="font-weight-bold">ADMIN</h5>
                         </div>
-                        <div>
-                            <button type="button" className="btn btn-outline-info mb-5" onClick={handleClickSetting}>Setting</button>
+                        <div className="border-bottom py-4">
+                            <button type="button" className="btn btn-info" onClick={handleClickSetting}>Setting</button>
                         </div>
-                        <div class="btn-group-vertical">
+                        <div className="btn-group-vertical py-4">
                             <button type="button" className="btn btn-outline-primary" id="1" onClick={handleClickQuiz}>Quiz 1</button>
                             <button type="button" className="btn btn-outline-primary" id="2" onClick={handleClickQuiz}>Quiz 2</button>
                             <button type="button" className="btn btn-outline-primary" id="3" onClick={handleClickQuiz}>Quiz 3</button>

src/AdminQuiz.js

@@ -89,7 +89,7 @@ function AdminQuiz(props) {
 
     return (
         <div className="" id="Quiz1">
-            <h2 className="p-3 border text-center">{String(props.QuizNum)}번 문제만들기</h2>
+            <h2 className="p-3 border text-center bg-white font-weight-bold">{String(props.QuizNum)}번 문제만들기</h2>
             <div className="p-3 borber">
                 <div className="p-3 ">
                     <span className="font-weight-bold mr-2 h3">1. 문제 입력하기</span>

src/AdminSetting.js

@@ -49,7 +49,7 @@ function AdminSetting() {
     }
     return (
         <div>
-            <h1 className="p-3 border">관리자 설정 변경 창</h1>
+            <h2 className="p-3 border text-center bg-white font-weight-bold">관리자 설정 변경 창</h2>
             <div className="p-3 border">
                 <h2>변경할 비밀번호를 입력하세요</h2>
                 <input type="text" onChange={handleChangePassword} placeholder="New Password" />

src/App.js

@@ -13,7 +13,7 @@ function App() {
       <div className="container-fluid vh-100 bg-light">
         <header className="border-bottom">
           <Link to="/">
-            <button className="ml-3 btn btn-light btn-lg font-weight-bold text-dark">Home</button>
+            <button className="ml-3 btn btn-light btn-lg font-weight-bold text-info">Home</button>
           </Link>
         </header>
         <Switch>