diff --git a/src/App.js b/src/App.js index 76b70e1..3ca031c 100644 --- a/src/App.js +++ b/src/App.js @@ -13,6 +13,7 @@ import Mypage from './pages/mypage'; import Adminpage from './pages/adminpage'; import Adminhome from './pages/adminhome'; import Adminprofile from './pages/adminprofile'; +import Isadmin from './pages/isadmin'; function App() { const navigate = useNavigate(); @@ -49,6 +50,7 @@ function App() { 없는 페이지}> {/*관리자 페이지*/ } + }> }> { setActiveItem(path); navigate(path); @@ -17,7 +17,7 @@ function Adminpage() { return (
- {/*location 객체는 pathname 속성을 포함하고 있으므로, + {/* location 객체는 pathname 속성을 포함하고 있으므로, location.pathname을 사용하여 경로를 비교해야 합니다. */ location.pathname === '/adminpage/withdrawalConf' ? null :
} diff --git a/src/pages/isadmin.css b/src/pages/isadmin.css new file mode 100644 index 0000000..0c11a7d --- /dev/null +++ b/src/pages/isadmin.css @@ -0,0 +1,66 @@ +.admininfo { + height: 100vh; + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; + margin: auto; + width: 90%; +} + +.message1 { + margin-top: 12px; + font-size: 24px; + white-space: nowrap; +} + +.message2 { + margin-top: 12px; + font-size: 18px; + color: #808080; + white-space: nowrap; +} + +#password { + border: 1px solid #808080; + width: 50%; +} + +.confirm-button2 { + margin-top: 3%; + margin-bottom: 5%; + height: 50px; + width: 50%; + padding: 8px 16px; + background-color: #808080; + color: #ffffff; + border: 2px solid #808080; + font-size: 17px; + font-weight: bold; + cursor: pointer; + white-space: nowrap; +} + + +.memberinfo h2 { + font-weight: bold; +} + +.content { + font-weight: bold; + padding-top: 30px; + border-top: 2px solid #000; + margin-top: 30px; +} + +.password-options { + display: flex; + justify-content: space-between; + margin-top: 25px; +} + +.password-options p { + font-size: 16px; + color: #808080; + white-space: nowrap; +} \ No newline at end of file diff --git a/src/pages/isadmin.js b/src/pages/isadmin.js new file mode 100644 index 0000000..05ef8b7 --- /dev/null +++ b/src/pages/isadmin.js @@ -0,0 +1,34 @@ +import { useEffect, useState } from "react"; +import './isadmin.css'; +import key from '../img/key.png'; + +function Isadmin(props) { + let password = '1234'; + let [입력값, 입력값변경] = useState(''); + + return ( +
+

비밀번호 재확인

+
+ 열쇠 +
+

비밀번호 재확인

+

회원님은 관리자전용 계정입니다.

+

2차 비밀번호를 입력해주세요

+ { 입력값변경(e.target.value) }} + /> +
+ +
+
+
+
+ ) +} + +export default Isadmin;