diff --git a/src/app/myprofile/page.jsx b/src/app/myprofile/page.jsx new file mode 100644 index 0000000..a0ae90a --- /dev/null +++ b/src/app/myprofile/page.jsx @@ -0,0 +1,18 @@ +import Footer from "@/components/layout/Footer"; +import Header from "@/components/layout/Header"; +import MyProfilePop from "@/components/sub/myprofile/MyProfilePop"; +import '@/styles/contents.scss' + +export default function MyProfilePage(){ + return( +
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/components/canvas/estimatepop/FileDownOptionPop.jsx b/src/components/canvas/estimatepop/FileDownOptionPop.jsx index bd3bc6a..3c085f0 100644 --- a/src/components/canvas/estimatepop/FileDownOptionPop.jsx +++ b/src/components/canvas/estimatepop/FileDownOptionPop.jsx @@ -10,7 +10,7 @@ export default function FileDownOptionPop(){
ダウンロードする文書のオプションを選択したら、 [文書のダウンロード]ボタンをクリックします。
-
+
diff --git a/src/components/publishpage/PublishPage.jsx b/src/components/publishpage/PublishPage.jsx index 537701d..fed13c8 100644 --- a/src/components/publishpage/PublishPage.jsx +++ b/src/components/publishpage/PublishPage.jsx @@ -98,6 +98,15 @@ export default function PublishPage() { + + + + + + + diff --git a/src/components/sub/myprofile/MyProfilePop.jsx b/src/components/sub/myprofile/MyProfilePop.jsx new file mode 100644 index 0000000..4f502a2 --- /dev/null +++ b/src/components/sub/myprofile/MyProfilePop.jsx @@ -0,0 +1,117 @@ +'use client' + +import { useState } from "react" + +export default function MyProfilePop(){ + const [blink, setBlink] = useState(false); + return( +
+
+
+
+

My profile

+ +
+
+
+
+
2024-10-10
MyProFilePage내정보 조회 팝업MyProFile + + 2024-10-11
LoginPage 로그인
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ユーザーID +
+ +
+
担当者名ふりがな +
+ +
+
担当者名 +
+ +
+
パスワード +
+
+ + +
+ ※半角10文字以内 + +
+
変更パスワードの入力 * +
+
+ +
+ + +
+
部署名 +
+ +
+
電話番号 +
+ +
+
FAX番号 +
+ +
+
メールアドレス +
+ +
+
+
+
+
+ +
+
+
+ + + ) +} \ No newline at end of file diff --git a/src/styles/_reset.scss b/src/styles/_reset.scss index b575113..3ee3adb 100644 --- a/src/styles/_reset.scss +++ b/src/styles/_reset.scss @@ -308,6 +308,14 @@ button{ background-color: #607F9A; } } + &.white{ + border: 1px solid #94A0AD; + background-color: #fff; + color: #94A0AD; + &:hover{ + background-color: #fff; + } + } } // select @@ -437,6 +445,7 @@ button{ margin-bottom: 10px; } } +input[type=password], input[type=number], input[type=text]{ &.input-origin{ diff --git a/src/styles/_submodal.scss b/src/styles/_submodal.scss index 452c6cb..cd00e78 100644 --- a/src/styles/_submodal.scss +++ b/src/styles/_submodal.scss @@ -216,4 +216,36 @@ } } -// 문서 다운로드 옵션 +// 내정보 조회 팝업 +.password-input{ + flex: 1; + display: flex; + align-items: center; + height: 30px; + border: 1px solid #EEE; + padding: 0 10px; + border-radius: 2px; + input{ + width: 100%; + height: 100%; + font-size: 13px; + color: #45576F; + font-family: 'Noto Sans JP', sans-serif; + font-weight: 400; + &::placeholder{ + color: #D1D7E0; + } + } + .blink{ + flex: none; + width: 19px; + height: 100%; + background-image: url(../../public/static/images/main/password_hidden.svg); + background-size: 19px 13px; + background-repeat: no-repeat; + background-position: center; + &.on{ + background-image: url(../../public/static/images/main/password_visible.svg); + } + } +} \ No newline at end of file