From f70807a0e2aa360b38bd7b62ff3aff2258e80e9c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= Date: Mon, 28 Apr 2025 17:44:42 +0900 Subject: [PATCH] =?UTF-8?q?login=20page=20=EC=83=9D=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/inputcommon/page.tsx | 9 +++- src/app/login/page.tsx | 44 ++++++++++++++++++++ src/app/main/page.tsx | 6 ++- src/components/PublishList/PublishList.tsx | 12 ++++++ src/components/main/MemberInformationPop.tsx | 19 +++++++++ src/styles/base/_check-radio.scss | 16 +++++-- src/styles/base/_inputs.scss | 2 + src/styles/components/_index.scss | 3 +- src/styles/components/_login.scss | 19 +++++++++ src/styles/components/_main.scss | 2 + src/styles/layout/_layout.scss | 2 +- src/styles/layout/_pop-common.scss | 1 + 12 files changed, 127 insertions(+), 8 deletions(-) create mode 100644 src/app/login/page.tsx create mode 100644 src/components/main/MemberInformationPop.tsx create mode 100644 src/styles/components/_login.scss diff --git a/src/app/inputcommon/page.tsx b/src/app/inputcommon/page.tsx index 05c29ea..8e680fc 100644 --- a/src/app/inputcommon/page.tsx +++ b/src/app/inputcommon/page.tsx @@ -1,7 +1,7 @@ 'use client' import { useState } from "react" -export default function InputCommon() { +export default function InputCommonPage() { const [fileName, setFileName] = useState(null); //file name value return ( @@ -111,6 +111,13 @@ export default function InputCommon() { +
+ +
Q.PARTNERS
+
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx new file mode 100644 index 0000000..4620f47 --- /dev/null +++ b/src/app/login/page.tsx @@ -0,0 +1,44 @@ +import Footer from "@/components/layouts/Footer"; + +export default function LoginPage(){ + return( +
+
+
+

Hanasys 現地調査

+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+ +
Q.PARTNERS
+
+
+
+ +
+
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/app/main/page.tsx b/src/app/main/page.tsx index 0b10395..17fad20 100644 --- a/src/app/main/page.tsx +++ b/src/app/main/page.tsx @@ -1,9 +1,11 @@ import Footer from "@/components/layouts/Footer"; import Header from "@/components/layouts/Header"; import MainContents from "@/components/main/MainContents"; +import MemberInformationPop from "@/components/main/MemberInformationPop"; -export default function Layout(){ +export default function MainPage(){ return( + <>
@@ -11,5 +13,7 @@ export default function Layout(){
+ + ) } \ No newline at end of file diff --git a/src/components/PublishList/PublishList.tsx b/src/components/PublishList/PublishList.tsx index 70431a5..d78154f 100644 --- a/src/components/PublishList/PublishList.tsx +++ b/src/components/PublishList/PublishList.tsx @@ -45,6 +45,18 @@ export default function PublishList (){ + + Login + Login Page + + Login.tsx + + + + + + + Main Main Page diff --git a/src/components/main/MemberInformationPop.tsx b/src/components/main/MemberInformationPop.tsx new file mode 100644 index 0000000..fbedf2e --- /dev/null +++ b/src/components/main/MemberInformationPop.tsx @@ -0,0 +1,19 @@ +export default function MemberInformationPop(){ + return( +
+
+
+
+ sdasd +
+
+ asdasdasd +
+
+ sdsd +
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/styles/base/_check-radio.scss b/src/styles/base/_check-radio.scss index 7467c6c..f6ed8ae 100644 --- a/src/styles/base/_check-radio.scss +++ b/src/styles/base/_check-radio.scss @@ -15,7 +15,7 @@ position: relative; display: inline-block; margin-bottom:0; - line-height:1.4; + line-height:1.5; font-size: $font-s-13; color: $font-c; vertical-align: top; @@ -38,7 +38,7 @@ position: absolute; width: 22px; height: 22px; - top: -2px; + top: -1px; left: 0; margin-left: 0px; border: 1px solid #A8B6C7; @@ -53,7 +53,7 @@ position: absolute; width: 22px; height: 22px; - top: -2px; + top: -1px; left: 0; margin-left: 0; border-color: #fff; @@ -68,7 +68,7 @@ content: ""; display: inline-block; position: absolute; - top: -2px; + top: -1px; left: 0%; width: 7px; height: 9px; @@ -203,3 +203,11 @@ } } } + +.toggle-form{ + @include flex(8px); + align-items: center; + .toggle-name{ + @include defaultFont($font-s-13, $font-w-400, $font-c) + } +} \ No newline at end of file diff --git a/src/styles/base/_inputs.scss b/src/styles/base/_inputs.scss index 26734e9..22f7ff9 100644 --- a/src/styles/base/_inputs.scss +++ b/src/styles/base/_inputs.scss @@ -134,6 +134,8 @@ input::-webkit-inner-spin-button { position: relative; padding-left: 34px; padding-right: 0; + height: 50px; + line-height: 50px; &:before{ content: ''; position: absolute; diff --git a/src/styles/components/_index.scss b/src/styles/components/_index.scss index 17abd78..e5fc943 100644 --- a/src/styles/components/_index.scss +++ b/src/styles/components/_index.scss @@ -1 +1,2 @@ -@forward 'main'; \ No newline at end of file +@forward 'main'; +@forward 'login'; \ No newline at end of file diff --git a/src/styles/components/_login.scss b/src/styles/components/_login.scss new file mode 100644 index 0000000..7aae640 --- /dev/null +++ b/src/styles/components/_login.scss @@ -0,0 +1,19 @@ +@use "../abstracts" as *; + +.login-contents{ + padding: 94px 34px 0; + .login-logo{ + @include defaultFont($font-s-24, $font-w-600, $black-1010); + text-align: center; + } + .login-form-wrap{ + margin-top: 42px; + .login-check-warp{ + margin-top: 24px; + @include flex(14px); + } + .login-btn-wrap{ + margin-top: 24px; + } + } +} \ No newline at end of file diff --git a/src/styles/components/_main.scss b/src/styles/components/_main.scss index fedeef9..0c1f3b5 100644 --- a/src/styles/components/_main.scss +++ b/src/styles/components/_main.scss @@ -2,7 +2,9 @@ .main-contens{ width: 100%; + height: auto; padding: 0 20px; + background-color: $white-fff; } .main-head-block{ padding: 33px 30px; diff --git a/src/styles/layout/_layout.scss b/src/styles/layout/_layout.scss index 7865316..b08d147 100644 --- a/src/styles/layout/_layout.scss +++ b/src/styles/layout/_layout.scss @@ -15,7 +15,7 @@ // header .header-warp{ height: 66px; - z-index: 900000; + z-index: 100000; } header{ position: fixed; diff --git a/src/styles/layout/_pop-common.scss b/src/styles/layout/_pop-common.scss index 00c6cdd..8898dcd 100644 --- a/src/styles/layout/_pop-common.scss +++ b/src/styles/layout/_pop-common.scss @@ -26,6 +26,7 @@ margin: 0 16px; background-clip: padding-box; background-color: $white-fff; + border-radius: 16px; outline: 0 none; pointer-events: auto; .modal-header {