tolag3/fairnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2024/11/21 본인인증 팝업 수정

Browse Source
This commit is contained in:
subsub 2024-11-21 18:20:02 +09:00
parent aa901ff57d
commit 1e8b61430e
5 changed files with 34 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/webapp/kofair_case_seed/usr/identification/popup/idf_popup.html
View File

@ -24,7 +24,7 @@
</head>
<body>
<div class="window_popup idf" style="width:700px">
<div class="window_popup idf" style="max-width:700px">
<div class="title_area">
<h1>네이버 간편인증</h1>
</div>

2
src/main/webapp/kofair_case_seed/usr/identification/popup/idf_process_popup.html
View File

@ -24,7 +24,7 @@
</head>
<body>
<div class="window_popup idf" style="width:700px">
<div class="window_popup idf" style="max-width:700px">
<div class="title_area">
<h1>네이버 간편인증</h1>
</div>

18
src/main/webapp/kofair_case_seed/usr/style/common.css
View File

@ -31,7 +31,7 @@
.btn.darkblue_border{background:#fff;border:1px solid #2435ac;color:#2435ac;}
.btn.gray_border{border:1px solid #d8d8d8;}
.btn.gray_border:hover{background:#f8f9fa;border:1px solid #b5b5b5;}
.btn.darkgray_border{border:1px solid #888888;color:#666;}
.btn.darkgray_border{border:1px solid #888888;background:#fff;color:#666;}
.btn.gray_fill{background:#8a8a8a;color:#fff;}
.btn.skyblue_fill{background:#e3edfe;border:1px solid #c4d9fd;color:#6b75c9;}
.btn.darkblue_fill{background:#2e40ba;color:#fff;}
@ -150,13 +150,13 @@ input:disabled, input:read-only{background:#f8f9fa;border:1px solid #d8d8d8;}
@media screen and (max-width: 1199px){
/* 버튼 */
.btn{border-radius:10px;}
.btn:hover{box-shadow:none;}
:not(".window_popup.idf") .btn{border-radius:10px;}
:not(".window_popup.idf") .btn:hover{box-shadow:none;}
.btn_35{height:70px;font-size:3.2rem;padding:0 50px;}
.btn_40{height:80px;font-size:3.4rem;padding:0 38px;}
.btn_45{height:90px;font-size:3.4rem;padding:0 36px;}
.btn_50{height:100px;font-size:4rem;}
:not(".window_popup.idf") .btn_35{height:70px;font-size:3.2rem;padding:0 50px;}
:not(".window_popup.idf") .btn_40{height:80px;font-size:3.4rem;padding:0 38px;}
:not(".window_popup.idf") .btn_45{height:90px;font-size:3.4rem;padding:0 36px;}
:not(".window_popup.idf") .btn_50{height:100px;font-size:4rem;}
/* 노출/숨김 */
@ -164,8 +164,8 @@ input:disabled, input:read-only{background:#f8f9fa;border:1px solid #d8d8d8;}
/* input, select, textarea */
.input_box{gap:30px;}
.input_text, .input_calendar .duet-date__input{height:80px;font-size:3.4rem;border-radius:10px;padding:0 20px;}
.input_text::placeholder, .input_calendar .duet-date__input::placeholder{font-size:3.4rem;}
:not(".window_popup.idf") .input_text, .input_calendar .duet-date__input{height:80px;font-size:3.4rem;border-radius:10px;padding:0 20px;}
:not(".window_popup.idf") .input_text::placeholder, .input_calendar .duet-date__input::placeholder{font-size:3.4rem;}
.select{min-width:120px;height:80px;font-size:3.4rem;border-radius:10px;background:#fff url(/kofair_case_seed/usr/images/component/icon_select_m.png) no-repeat calc(100% - 16px) calc(50% + 1px);}
.radio{width:30px;height:30px;margin:0 21px 0 0;}
.radio+label{font-size:3.4rem;}

8
src/main/webapp/kofair_case_seed/usr/style/popup.css
View File

@ -46,6 +46,7 @@
.type_popup .box.white_fill>dd:last-child{margin:0;}
/* 간편인증 팝업 */
.window_popup{min-width:280px;margin:0 auto;}
.idf.window_popup .title_area{display:flex;width:100%;height:50px;font-size:1.9rem;font-weight:bold;color:#fff;padding:0 20px;background:#2870ed;align-items:center;}
.idf.window_popup .cont_area{padding:30px;}
.idf.window_popup .agree_box_area{display:flex;margin:17px 0 0 0;flex-direction:column;gap:11px;}
@ -54,10 +55,15 @@
.idf.window_popup input[type="checkbox"]{width:18px;height:18px;}
.idf.window_popup input[type="checkbox"]+label{font-size:1.7rem;}
.idf.window_popup .btn_wrap button{width:100px;}
.idf.window_popup .title.gMarket_bold{font-size:2.8rem;}
.idf.window_popup .title.gMarket_bold{font-size:2.8rem;;}
.idf.window_popup .lock{width:28px;height:35px;background:url(/kofair_case_seed/usr/images/component/icon_lock.png) no-repeat center;margin:0 9px 0 0;vertical-align:sub;}
/* ==================== 모바일 ==================== */
@media screen and (max-width: 767px){
.popup_wrap{min-width:90%; width:90% !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;}
.idf.window_popup input[type="checkbox"]+label{font-size:1.5rem;}
.idf.window_popup .darkgray_border{font-size:1.5rem;padding:0 10px;}
.idf.window_popup colgroup{display:none;}
.idf.window_popup .table_type_rows table tbody th{width:100%;align-items:center;}
}

30
src/main/webapp/kofair_case_seed/usr/style/style.css
View File

@ -348,26 +348,26 @@
.mobile_view_table table thead th,.mobile_view_table table tbody td{height:100px;border-bottom:2px solid #d8d8d8;border-right:2px solid #d8d8d8;}
.mobile_view_table table tbody td{white-space:wrap;overflow:visible;text-overflow:unset;}
.table_type_rows table{font-size:3.4rem;margin:20px 0 0 0;border-top:4px solid #2e40ba;}
.table_type_rows colgroup{display:none;}
.table_type_rows table tr{display:flex;flex-wrap:wrap;}
.table_type_rows table tbody th,.table_type_rows table tbody td{display:flex;width:100%;min-height:116px;height:auto;padding:15px 20px;align-items:center;}
.table_type_rows table tbody td.td_substance{height:auto;padding:15px;}
.table_type_rows table tbody th{padding:15px 45px;}
:not(".window_popup.idf") .table_type_rows table{font-size:3.4rem;margin:20px 0 0 0;border-top:4px solid #2e40ba;}
:not(".window_popup.idf") .table_type_rows colgroup{display:none;}
:not(".window_popup.idf") .table_type_rows table tr{display:flex;flex-wrap:wrap;}
:not(".window_popup.idf") .table_type_rows table tbody th,.table_type_rows table tbody td{display:flex;width:100%;min-height:116px;height:auto;padding:15px 20px;align-items:center;}
:not(".window_popup.idf") .table_type_rows table tbody td.td_substance{height:auto;padding:15px;}
:not(".window_popup.idf") .table_type_rows table tbody th{padding:15px 45px;}
.table_type_rows table .select{font-size:3.2rem;padding:0 28px;background-position:calc(100% - 28px);}
:not(".window_popup.idf") .table_type_rows table .select{font-size:3.2rem;padding:0 28px;background-position:calc(100% - 28px);}
.table_type_rows table .phone_wrap{width:100%;}
.table_type_rows table .phone_wrap *,.table_type_rows table .phone_wrap .input_text{width:calc((100% / 3) - 20px);}
:not(".window_popup.idf") .table_type_rows table .phone_wrap{width:100%;}
:not(".window_popup.idf") .table_type_rows table .phone_wrap *,.table_type_rows table .phone_wrap .input_text{width:calc((100% / 3) - 20px);}
.table_type_rows table .email_wrap{display:flex;flex-wrap:wrap;align-items:center;gap:20px;}
.table_type_rows table .email_wrap .input_email:first-child{width:calc(100% - 80px);}
.table_type_rows table .email_wrap .input_email:nth-child(2){width:55%;}
.table_type_rows table .email_wrap .email_select{width:calc(45% - 20px);}
:not(".window_popup.idf") .table_type_rows table .email_wrap{display:flex;flex-wrap:wrap;align-items:center;gap:20px;}
:not(".window_popup.idf") .table_type_rows table .email_wrap .input_email:first-child{width:calc(100% - 80px);}
:not(".window_popup.idf") .table_type_rows table .email_wrap .input_email:nth-child(2){width:55%;}
:not(".window_popup.idf") .table_type_rows table .email_wrap .email_select{width:calc(45% - 20px);}
.table_type_rows table+.cf_text{margin:30px 0 0 0;}
:not(".window_popup.idf") .table_type_rows table+.cf_text{margin:30px 0 0 0;}
.scroll_table{overflow:auto;}
:not(".window_popup.idf") .scroll_table{overflow:auto;}
/* view */