From 2ab2b9faf6a5dd44fa536fa6501b73c0fe17ca17 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= Date: Wed, 30 Apr 2025 14:51:13 +0900 Subject: [PATCH] =?UTF-8?q?=EB=B9=84=EB=B0=80=EB=B2=88=ED=98=B8=20?= =?UTF-8?q?=EB=B3=80=EA=B2=BD=20=ED=8E=98=EC=9D=B4=EC=A7=80=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/app/inputcommon/page.tsx | 6 +++- src/app/pwchange/page.tsx | 24 +++++++++++++ src/components/PublishList/PublishList.tsx | 14 +++++++- src/components/pwchange/PwChangeForm.tsx | 42 ++++++++++++++++++++++ src/styles/base/_inputs.scss | 13 +++++-- src/styles/components/_sub.scss | 26 ++++++++++++++ 6 files changed, 120 insertions(+), 5 deletions(-) create mode 100644 src/app/pwchange/page.tsx create mode 100644 src/components/pwchange/PwChangeForm.tsx diff --git a/src/app/inputcommon/page.tsx b/src/app/inputcommon/page.tsx index 2f60f31..0f2698d 100644 --- a/src/app/inputcommon/page.tsx +++ b/src/app/inputcommon/page.tsx @@ -32,7 +32,11 @@ export default function InputCommonPage() {
- + + +
+
+
diff --git a/src/app/pwchange/page.tsx b/src/app/pwchange/page.tsx new file mode 100644 index 0000000..b5d87a6 --- /dev/null +++ b/src/app/pwchange/page.tsx @@ -0,0 +1,24 @@ +import Footer from "@/components/layouts/Footer"; +import Header from "@/components/layouts/Header"; +import PwChangeForm from "@/components/pwchange/PwChangeForm"; + +export default function PwChangePage(){ + return( +
+
+
+
+
+
+
パスワードをリセットする
+
新しいパスワードを入力してください.
+
+
+ +
+
+
+ +
+ ) +} \ No newline at end of file diff --git a/src/components/PublishList/PublishList.tsx b/src/components/PublishList/PublishList.tsx index ba328f1..cd3574f 100644 --- a/src/components/PublishList/PublishList.tsx +++ b/src/components/PublishList/PublishList.tsx @@ -14,7 +14,7 @@ export default function PublishList (){

※ className은 케밥 케이스 사용 ex) "sample-class"

※ img네이밍은 "_"로 사용, 번호 사용시 01, 02 와 같이 2자리 숫자 사용 ex) "img_sample01"

-

※ button, select, checkbox, radio... 등 기본 설정은 InputCommon.jsx에 정의된 내용만 사용

+

※ button, select, checkbox, radio... 등 기본 설정은 InputCommon.jsx에 정의된 내용만 사용 (icon버튼 제외)

※ scss파일 생성시 "_"를 앞에 붙힌 후 생성, 또한 해당 카테고리에 적합한 폴더에 생성

기본 SetUp Input 모음

@@ -176,6 +176,18 @@ export default function PublishList (){ 2025/04/30 + + 비밀번호 변경 + 비밀번호 변경 페이지 + + PwChangePage.tsx + + + + + + 2025/04/30 +
diff --git a/src/components/pwchange/PwChangeForm.tsx b/src/components/pwchange/PwChangeForm.tsx new file mode 100644 index 0000000..39e1091 --- /dev/null +++ b/src/components/pwchange/PwChangeForm.tsx @@ -0,0 +1,42 @@ +'use client' +import { useState } from "react"; + +export default function PwChangeForm(){ + const [pwShow01, setPwShow01] = useState(false); //비밀번호 확인 보이기 숨기기 + const [pwShow02, setPwShow02] = useState(false); //비밀번호 재확인 보이기 숨기기 + + return( +
+
+
+
新規パスワード再入力 *
+
+
+ + +
+
+
10文字以内
+
+
+
新規パスワード入力 *
+
+
+ + +
+
+
10文字以内
+
+
+
+
+ +
+
+ +
+
+
+ ) +} \ No newline at end of file diff --git a/src/styles/base/_inputs.scss b/src/styles/base/_inputs.scss index 7bc0784..b6bddc8 100644 --- a/src/styles/base/_inputs.scss +++ b/src/styles/base/_inputs.scss @@ -82,13 +82,13 @@ input::-webkit-inner-spin-button { width: 100%; padding: 0 10px; height: 40px; - font-size: $font-s-13; - color: $font-c; - font-weight: $font-w-400; background-color: $white-fff; border: 1px solid #D5DEE8; border-radius: 4px; input{ + font-size: $font-s-13; + color: $font-c; + font-weight: $font-w-400; width: 100%; height: 100%; background-color: transparent; @@ -194,4 +194,11 @@ input::-webkit-inner-spin-button { } } } + &.change{ + height: 40px; + padding-left: 10px; + &::before{ + display: none; + } + } } diff --git a/src/styles/components/_sub.scss b/src/styles/components/_sub.scss index c1f05f8..64aa45b 100644 --- a/src/styles/components/_sub.scss +++ b/src/styles/components/_sub.scss @@ -17,6 +17,10 @@ @include defaultFont($font-s-13, $font-w-400, #A8B6C7); } } + .data-input-guide{ + margin-top: 8px; + @include defaultFont($font-s-13, $font-w-400, #A8B6C7); + } } .btn-flex-wrap{ @@ -416,4 +420,26 @@ .inquiry-answer-date{ @include defaultFont($font-s-13, $font-w-400, #F86A56); } +} + +// 비밀번호 변경 +.border-frame{ + padding: 20px; + border-top: 1px solid #ECECEC; + border-bottom: 1px solid #ECECEC; + background-color: #fff; + margin-bottom: 10px; + &:last-child{ + border-bottom: none; + padding-bottom: 0; + margin-bottom: 0; + } +} +.pw-guide{ + .pw-guide-tit{ + @include defaultFont($font-s-16, $font-w-500, #1259CB); + } + .pw-guide-txt{ + @include defaultFont($font-s-13, $font-w-400, #417DDC); + } } \ No newline at end of file