From 0892a9bec9dba6122a3e21b706ae779e6cad72e6 Mon Sep 17 00:00:00 2001 From: thkim Date: Wed, 26 Jun 2024 17:06:56 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=ED=8C=9D?= =?UTF-8?q?=EC=97=85=20=EB=92=A4=EB=A1=9C=EA=B0=80=EA=B8=B0=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80=20=EB=B0=8F=20=EB=AA=A8=EB=B0=94=EC=9D=BC=EC=97=90=20?= =?UTF-8?q?=EB=A1=9C=EA=B7=B8=EC=9D=B8=ED=99=94=EB=A9=B4=20=EB=9C=A8?= =?UTF-8?q?=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/webapp/com/css/sass/common.v2.0.scss | 364 +++++++++--------- 1 file changed, 182 insertions(+), 182 deletions(-) diff --git a/src/main/webapp/com/css/sass/common.v2.0.scss b/src/main/webapp/com/css/sass/common.v2.0.scss index 0a4da1a5..36aeb903 100644 --- a/src/main/webapp/com/css/sass/common.v2.0.scss +++ b/src/main/webapp/com/css/sass/common.v2.0.scss @@ -2696,134 +2696,47 @@ ul.faq-q > li textarea { width: 100vw; min-width: 620px; } - .mfp-content { - &.login-popup-content { - display: table-cell; - vertical-align: middle; +.mfp-content { + &.login-popup-content { + display: table-cell; + vertical-align: middle; + } + .login-popup { + position: relative; + width: 610px; + height: 347px; + margin: 0px auto; + padding: 40px; + background-color: #fff; + border: 1px solid #000000; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); + + .mfp-back { + display: none; + width: 60px; + height: 60px; + position: absolute; + left: 0px; + top: 0px; + border-width: 0px; + background-color: #333333; + -moz-background-size: 30%; + -webkit-background-size: 30%; + -o-background-size: 30%; + background-size: 30%; + background-repeat: no-repeat; + background-position: center; + background-image: url("/com/img/main/signin/back.svg?v=20240607_1153"); } - .login-popup { - position: relative; - width: 610px; - height: 347px; - margin: 0px auto; - padding: 40px; - background-color: #fff; - border: 1px solid #000000; - box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); - - .mfp-back { - display: none; - width: 60px; - height: 60px; - position: absolute; - left: 0px; - top: 0px; - border-width: 0px; - background-color: #333333; - -moz-background-size: 30%; - -webkit-background-size: 30%; - -o-background-size: 30%; - background-size: 30%; - background-repeat: no-repeat; - background-position: center; - background-image: url("/com/img/main/signin/back.svg?v=20240607_1153"); - } - .contents-title { - font-size: 36px; - margin-bottom: 10px; - color: #161616; - text-align: center; - font-weight: bold; - } - .t-center { - .account-type-wrapper { - &>p { - text-align: center; - width: 100%; - display: block; - font-size: 18px; - margin-bottom: 30px; - color: #161616; - font-weight: normal; - } - &>ul { - width: 100%; - display: inline-block; - &>li { - width: 150px; - height: 150px; - display: inline-block; - border: 0px solid #222222; - font-size: 40px; - cursor: pointer; - background: #FFFFFF; - box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.15); - border-radius: 20px; - padding: 30px; - - &:hover { - background: #3378C1; - color: #ffffff; - &>div { - &>div.icons { - &.individual-user { - background-image: url("/com/img/main/signin/individual_user_white.svg?v=20240607_1153"); - } - &.corporate-user { - background-image: url("/com/img/main/signin/corporate_user_white.svg?v=20240607_1153"); - } - &.ordering-organization { - background-image: url("/com/img/main/signin/ordering_organization_white.svg?v=20240607_1153"); - } - } - } - } - &.center { - margin:0px 30px; - } - - &>div { - text-align: center; - &>div.icons { - display: inline-block; - width: 75px; - height: 75px; - -moz-background-size: cover; - -webkit-background-size: cover; - -o-background-size: cover; - background-size: cover; - background-repeat: no-repeat; - background-position: center; - &.individual-user { - background-image: url("/com/img/main/signin/individual_user.svg?v=20240607_1153"); - } - &.corporate-user { - background-image: url("/com/img/main/signin/corporate_user.svg?v=20240607_1153"); - } - &.ordering-organization { - background-image: url("/com/img/main/signin/ordering_organization.svg?v=20240607_1153"); - } - } - &>div { - &>span { - font-size: 16px; - font-weight: normal; - } - } - } - - - } - } - } - .login-radio { - line-height: 50px; - border-top: 1px solid #000000; - border-bottom: 1px solid #000000; - } - } - .signin-wrapper { - text-align: center; + .contents-title { + font-size: 36px; + margin-bottom: 10px; + color: #161616; + text-align: center; + font-weight: bold; + } + .t-center { + .account-type-wrapper { &>p { text-align: center; width: 100%; @@ -2833,77 +2746,164 @@ ul.faq-q > li textarea { color: #161616; font-weight: normal; } - &>.login-form-row { + &>ul { + width: 100%; display: inline-block; - font-size: 0px; - &>.contents-row { - vertical-align: top; - &.id-password-wrapper { - display: inline-block; - width: 330px; - height: 106px; - padding: 0px; - margin-right: 10px; - &>input { - height: 48px; - margin: 0px; - &#id { - margin-bottom: 10px; + &>li { + width: 150px; + height: 150px; + display: inline-block; + border: 0px solid #222222; + font-size: 40px; + cursor: pointer; + background: #FFFFFF; + box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.15); + border-radius: 20px; + padding: 30px; + + &:hover { + background: #3378C1; + color: #ffffff; + &>div { + &>div.icons { + &.individual-user { + background-image: url("/com/img/main/signin/individual_user_white.svg?v=20240607_1153"); + } + &.corporate-user { + background-image: url("/com/img/main/signin/corporate_user_white.svg?v=20240607_1153"); + } + &.ordering-organization { + background-image: url("/com/img/main/signin/ordering_organization_white.svg?v=20240607_1153"); + } } } } - &.signin-button-wrapper { - display: inline-block; - width: 139px; - height: 106px; - padding: 0px; - &>button { + &.center { + margin:0px 30px; + } + + &>div { + text-align: center; + &>div.icons { display: inline-block; - width: 100%; - height: 106px; - font-size: 16px; - &.mfp-popup-close { - display: none; + width: 75px; + height: 75px; + -moz-background-size: cover; + -webkit-background-size: cover; + -o-background-size: cover; + background-size: cover; + background-repeat: no-repeat; + background-position: center; + &.individual-user { + background-image: url("/com/img/main/signin/individual_user.svg?v=20240607_1153"); } + &.corporate-user { + background-image: url("/com/img/main/signin/corporate_user.svg?v=20240607_1153"); + } + &.ordering-organization { + background-image: url("/com/img/main/signin/ordering_organization.svg?v=20240607_1153"); + } + } + &>div { + &>span { + font-size: 16px; + font-weight: normal; + } + } + } + + + } + } + } + .login-radio { + line-height: 50px; + border-top: 1px solid #000000; + border-bottom: 1px solid #000000; + } + } + .signin-wrapper { + text-align: center; + &>p { + text-align: center; + width: 100%; + display: block; + font-size: 18px; + margin-bottom: 30px; + color: #161616; + font-weight: normal; + } + &>.login-form-row { + display: inline-block; + font-size: 0px; + &>.contents-row { + vertical-align: top; + &.id-password-wrapper { + display: inline-block; + width: 330px; + height: 106px; + padding: 0px; + margin-right: 10px; + &>input { + height: 48px; + margin: 0px; + &#id { + margin-bottom: 10px; } } } - - &>.login-form-options { - display: flex; /* 혹은 grid */ - justify-content: space-between; /* 혹은 원하는 정렬 방식 */ - align-items: center; - margin-top: 30px; /* 간격 조절 */ - font-size: 13px; - color: #333333; - - &>.checkbox-container { - display: flex; - align-items: center; - font-size: 13px; - &>input { - margin: 0px; - margin-right: 10px; - } - &>label { - cursor: pointer; - } + &.signin-button-wrapper { + display: inline-block; + width: 139px; + height: 106px; + padding: 0px; + &>button { + display: inline-block; + width: 100%; + height: 106px; + font-size: 16px; + &.mfp-popup-close { + display: none; + } } - &>.find-account-links { - &>a { - color: #333333; - text-decoration: none; - font-size: 13px; - } - &>.vertical-bar { - color: #999999; - } + } + } + + &>.login-form-options { + display: flex; /* 혹은 grid */ + justify-content: space-between; /* 혹은 원하는 정렬 방식 */ + align-items: center; + margin-top: 30px; /* 간격 조절 */ + font-size: 13px; + color: #333333; + + &>.checkbox-container { + display: flex; + align-items: center; + font-size: 13px; + &>input { + margin: 0px; + margin-right: 10px; + } + &>label { + cursor: pointer; + } + } + &>.find-account-links { + &>a { + color: #333333; + text-decoration: none; + font-size: 13px; + } + &>.vertical-bar { + color: #999999; } } } } } } +} /* ====================================== */ // 메인 로그인 팝업 끝 /* ====================================== */ \ No newline at end of file