From 82ffd839e7314fa761f5a7f8e24ab87757370953 Mon Sep 17 00:00:00 2001 From: "Lim\\jun" Date: Tue, 28 May 2024 14:08:17 +0900 Subject: [PATCH] =?UTF-8?q?=ED=8D=BC=EB=B8=94=20=EC=97=85=EB=8E=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../public/assets/images/icon_id.png | Bin 0 -> 388 bytes .../public/assets/images/icon_pw.png | Bin 0 -> 382 bytes .../src/css/layout.css | 4 +- .../src/css/page.css | 21 ++++++--- .../src/pages/login/EgovLogin.jsx | 12 ++--- .../src/pages/login/EgovLoginContent.jsx | 44 ++++++++++-------- 6 files changed, 47 insertions(+), 34 deletions(-) create mode 100644 egovframe-template-simple-react-contribution/public/assets/images/icon_id.png create mode 100644 egovframe-template-simple-react-contribution/public/assets/images/icon_pw.png diff --git a/egovframe-template-simple-react-contribution/public/assets/images/icon_id.png b/egovframe-template-simple-react-contribution/public/assets/images/icon_id.png new file mode 100644 index 0000000000000000000000000000000000000000..848563ab557ff350a782e9db6d3ecf1178fdbfb1 GIT binary patch literal 388 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL zyA#8@b22Z19F}xPUq=Rpjs4tz5?O(AlAbP(Ar*{oLrw=CHV}yAbRGCRL_sle3{c+#lo-*Bu+ImdKB-pDA zTt2<=O3LS&w0=s^dy9Wf@(b8?_w6d5LB!vE&Y z3gOeujJO$dTJgtDY{zvYtW!7s;*?)^U zMJ#=kZ+w#XjO}?Jj>~_`mzLF*URmH_F~wPZl6A?C))ej=raw5gO|)76uzFeAxBU$a z((_r~?L7P9*NUyhTsh4?jn{H!PZYXh!?-f{wt2I99?!F9O9ieNwQan~Byo$m?YpM& gL5X9hMAO^t6Xup4Xbo=p3Jf#`Pgg&ebxsLQ04tlC00000 literal 0 HcmV?d00001 diff --git a/egovframe-template-simple-react-contribution/public/assets/images/icon_pw.png b/egovframe-template-simple-react-contribution/public/assets/images/icon_pw.png new file mode 100644 index 0000000000000000000000000000000000000000..051225703616eb6aeea0f20038752d0b34c3c35d GIT binary patch literal 382 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL zyA#8@b22Z19F}xPUq=Rpjs4tz5?O(A!k#XUAr*{or|jlEWFXLX-eIDa%Az*OO^i1i zn%d?GYGgz<2v+nk=n4f%FiezmlFWC#V&fzbZTsN$>Js%u7P4$Y%y;O;|o$r5lFY3>IQ*7Ir$>`^r z^>MjO^6bU#WlAqnKHe|w5p;bT%bKz6f=s2{B<0F^?=P;2dvM!sMTc$DBT2S73#Z(X z_}o@fpV@mwe7mxuMDZgby<5KJA5<(eL%m+>{bY{~?Myl2Ak-u4=h^Xs#rMZ=rbQwP zbMjSOwlLfa@Nx3dl$tz;L%l}4cd76PZZ~6h%f1VCCwe>U{{CKc_=~vg!X3T)S1g{! Z-*4(SSEnH59x%8VJYD@<);T3K0RRp+ltcgk literal 0 HcmV?d00001 diff --git a/egovframe-template-simple-react-contribution/src/css/layout.css b/egovframe-template-simple-react-contribution/src/css/layout.css index 28a03f0..2453556 100644 --- a/egovframe-template-simple-react-contribution/src/css/layout.css +++ b/egovframe-template-simple-react-contribution/src/css/layout.css @@ -78,7 +78,7 @@ body {min-width: 1400px;} .user_info_m {display: none;} -.container {min-height: calc(100vh - 300px);} +.container {min-height: calc(100vh - 400px);} .c_wrap { margin: 0 auto;} /* removed by lim width: 1400px; padding: 0 50px; */ .c_wrap .layout {display: table; width: 100%; table-layout: fixed; padding-bottom: 20px;} /* added by lim padding-bottom: 20px; */ @@ -93,7 +93,7 @@ body {min-width: 1400px;} .c_wrap .layout .nav ul li a:hover::after {content: ""; display: block; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 9px; height: 15px; background: url(css/images/ico_arrow_r_gray_9x15.png) no-repeat;} .c_wrap .layout .nav ul li a.cur {color: #222; font-weight: 700;} -.c_wrap .layout .contents {display: table-cell; width: auto; padding: 0 0 50px 30px; vertical-align: top;} /* changed by lim padding: 0 0 120px 70px; */ +.c_wrap .layout .contents {display: table-cell; width: auto; vertical-align: top;} /* changed by lim padding: 0 0 120px 70px; */ /* location */ diff --git a/egovframe-template-simple-react-contribution/src/css/page.css b/egovframe-template-simple-react-contribution/src/css/page.css index 5a6ecf6..41c57a6 100644 --- a/egovframe-template-simple-react-contribution/src/css/page.css +++ b/egovframe-template-simple-react-contribution/src/css/page.css @@ -1,20 +1,27 @@ @charset "utf-8"; .Plogin {padding-bottom: 100px;} -.Plogin h1 {color: #222; font-size: 48px; font-weight: 500; letter-spacing: -2px; line-height: 48px; text-align: center;} +.Plogin h1 {color: #222; font-size: 30px; font-weight: 600; text-align: center; padding-top: 30px;} .Plogin .txt {margin-top: 43px; color: #666; font-size: 20px; line-height: 30px; text-align: center;} -.Plogin .login_box {position: relative; width: 690px; margin: 54px auto 0; padding: 70px 95px ; border: 1px solid #dde2e5; border-radius: 25px; box-shadow: 3px 4px 5px #ccc;} +.Plogin .login_box {position: relative; width: 690px; margin: 54px auto 0; padding: 30px 50px ; border: 1px solid #dde2e5; border-radius: 25px; box-shadow: 3px 4px 5px #ccc;} .Plogin .login_box .group {display: block; width: 320px;} .Plogin .login_box input[type=text], -.Plogin .login_box input[type=password] {width: 100%; height: 46px; padding: 0 20px; border: 0; border-radius: 8px; color: #666; font-size: 16px; background: #f5f5f5;} +.Plogin .login_box input[type=password] {height: 50px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;} +/*.Plogin .login_box input[type=text],*/ +/*.Plogin .login_box input[type=password] {width: 100%; height: 46px; padding: 0 20px; border: 0; border-radius: 8px; color: #666; font-size: 16px; background: #f5f5f5;}*/ .Plogin .login_box .group input + input {margin-top: 18px;} .Plogin .login_box input[type=text]:-ms-input-placeholder, .Plogin .login_box input[type=password]:-ms-input-placeholder {color: #aaa; opacity: 1;} -.Plogin .login_box button {display: block; position: absolute; left: 435px; top: 70px; width: 160px; height: 110px; border-radius: 8px; color: #fff; font-size: 20px; font-weight: 500; text-align: center; line-height: 110px; background: #169bd5;} -.Plogin .login_box button span {display: block; position: relative; height: 100%;} +.Plogin .login_box button {width: 100%; height: 50px; font-size: 15px;} +.Plogin .login_box a {font-size: 15px;} +/*.Plogin .login_box button {display: block; width: 160px; height: 110px; border-radius: 8px; color: #fff; font-size: 20px; font-weight: 500; text-align: center; line-height: 110px; background: #169bd5;}*/ +/*.Plogin .login_box button span {display: block; position: relative; height: 100%;}*/ +.Plogin .login_box .line_t {height: 15px; border-bottom: 1px solid #D6D6D6; } +.Plogin .login_box .line_b {height: 15px; border-top: 1px solid #C2C2C2; } .Plogin .login_box .chk {margin-top: 20px;} -.Plogin .login_box .chk em {display: inline-block; height: 30px; margin-left: 40px; color: #666; font-size: 16px;} -.Plogin .login_box .chk label {display: inline-block; height: 30px; color: #666; font-size: 16px;} +.Plogin .login_box .chk em {display: inline-block; height: 30px; color: #666; font-size: 15px;} +.Plogin .login_box .chk em:nth-child(2) {padding: 0 10px;} +.Plogin .login_box .chk label {display: inline-block; height: 30px; color: #666; font-size: 15px;} .Plogin .list {margin-top: 44px; padding: 0 360px;} .Plogin .list li {position: relative; padding-left: 15px; color: #666; font-size: 16px; line-height: 26px;} .Plogin .list li::before {content: ""; display: block; position: absolute; left: 0; top: 12px; width: 4px; height: 4px; background: #666;} diff --git a/egovframe-template-simple-react-contribution/src/pages/login/EgovLogin.jsx b/egovframe-template-simple-react-contribution/src/pages/login/EgovLogin.jsx index 3fe6b90..2e24093 100644 --- a/egovframe-template-simple-react-contribution/src/pages/login/EgovLogin.jsx +++ b/egovframe-template-simple-react-contribution/src/pages/login/EgovLogin.jsx @@ -21,12 +21,12 @@ function EgovLogin(props) {
{/* */} -
-
    -
  • Home
    • -
  • 로그인
    • -
-
+ {/*
*/} + {/*
    */} + {/*
  • Home
    • */} + {/*
  • 로그인
    • */} + {/*
*/} + {/*
*/} {/* */}
diff --git a/egovframe-template-simple-react-contribution/src/pages/login/EgovLoginContent.jsx b/egovframe-template-simple-react-contribution/src/pages/login/EgovLoginContent.jsx index 86b35fb..9dec67b 100644 --- a/egovframe-template-simple-react-contribution/src/pages/login/EgovLoginContent.jsx +++ b/egovframe-template-simple-react-contribution/src/pages/login/EgovLoginContent.jsx @@ -131,40 +131,46 @@ function EgovLoginContent(props) { {/* */}

로그인

-

전자정부표준프레임워크 경량환경 홈페이지 로그인 페이지입니다.
로그인을 하시면 모든 서비스를 제한없이 이용하실 수 있습니다.

-
로그인 - - setUserInfo({ ...userInfo, username: e.target.value })} /> - setUserInfo({ ...userInfo, password: e.target.value })} /> - +
+ + setUserInfo({ ...userInfo, username: e.target.value })} /> +
+
+ + setUserInfo({ ...userInfo, password: e.target.value })} /> +
+ {/**/} + {/* setUserInfo({ ...userInfo, username: e.target.value })} />*/} + {/* setUserInfo({ ...userInfo, password: e.target.value })} />*/} + {/**/} - + {/**/} - ID 찾기 - PW 찾기 - 회원가입 + 아이디 찾기 + | + 비밀번호 찾기 + {/*회원가입*/} - + +
+
+ 회원가입
- -
    -
  • 비밀번호는 6~12자의 영문 대/소문자, 숫자, 특수문자를 혼합해서 사용하실 수 있습니다.
    • -
  • 쉬운 비밀번호나 자주 쓰는 사이트의 비밀번호가 같을 경우, 도용되기 쉬우므로 주기적으로 - 변경하셔서 사용하는 것이 좋습니다.
    • -