qcast3/onsitesurvey
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: restore storeNm property in session management and adjust padding in check and radio components for improved layout

Browse Source
This commit is contained in:
yoosangwook 2025-05-13 17:21:22 +09:00
parent 98299ffe92
commit a2a2b2e6fa
8 changed files with 168 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/api/auth/route.ts
View File

@ -29,7 +29,7 @@ export async function POST(request: Request) {
session.compCd = result.data.data.compCd
session.agencyStoreId = result.data.data.agencyStoreId
session.storeId = result.data.data.storeId
// session.storeNm = result.data.data.storeNm
session.storeNm = result.data.data.storeNm
session.userId = result.data.data.userId
session.category = result.data.data.category
session.userNm = result.data.data.userNm

2
src/store/session.ts
View File

@ -21,7 +21,7 @@ const initialState: InitialState = {
compCd: null,
agencyStoreId: null,
storeId: null,
// storeNm: null,
storeNm: null,
userId: null,
category: null,
userNm: null,

36
src/styles/base/_check-radio.scss
View File

@ -31,14 +31,14 @@
.check-form-box{
position: relative;
label{
padding-left: 30px;
padding-left: 28px;
&::before{
content: "";
display: inline-block;
position: absolute;
width: 22px;
height: 22px;
top: -1px;
width: 20px;
height: 20px;
top: 0px;
left: 0;
margin-left: 0px;
border: 1px solid #A8B6C7;
@ -51,9 +51,9 @@
content: "";
display: inline-block;
position: absolute;
width: 22px;
height: 22px;
top: -1px;
width: 20px;
height: 20px;
top: 0px;
left: 0;
margin-left: 0;
border-color: #fff;
@ -69,7 +69,7 @@
display: inline-block;
position: absolute;
top: -1px;
left: 0%;
left: -1px;
width: 7px;
height: 9px;
border: 2px solid #fff;
@ -89,20 +89,30 @@
input[type="checkbox"]:disabled + label::after{
cursor: default;
}
&.ch-bld{
input[type="checkbox"]:checked + label{
font-weight: 500;
}
}
&.light{
label{
color: #8595A7;
}
}
}
// radio box
.radio-form-box{
position: relative;
label{
padding-left: 30px;
padding-left: 28px;
&::before{
content: "";
display: inline-block;
position: absolute;
width: 22px;
height: 22px;
top: -1px;
width: 20px;
height: 20px;
top: 0px;
left: 0;
margin-left: 0;
border: 1px solid #A8B6C7;
@ -119,7 +129,7 @@
display: inline-block;
position: absolute;
top: 5px;
left: 6px;
left: 5px;
width: 10px;
height: 10px;
background-color: transparent;

78
src/styles/components/_pop-contents.scss
View File

@ -36,8 +36,84 @@
}
// 지붕재 적합성 상세
.compliance-check-bx{
&.act{
.compliance-check-pop-contents{
display: block;
}
}
}
.compliance-check-pop-contents{
padding: 14px;
display: none;
padding: 14px 14px 10px 14px;
border-top: 1px solid #ECECEC;
margin-top: 10px;
}
.check-pop-data-wrap{
margin-bottom: 24px;
.check-pop-data-tit{
position: relative;
padding-left: 10px;
margin-bottom: 8px;
@include defaultFont($font-s-13, $font-w-500, $font-c);
&::before{
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 4px;
height: 4px;
background-color: #2E3A59;
border-radius: 50%;
}
}
.check-pop-data-txt{
padding-left: 10px;
@include defaultFont($font-s-13, $font-w-400, $font-c);
}
}
.check-pop-data-table{
border-top: 1px solid #2E3A59;
&:last-child{
.pop-data-table-footer{
border-bottom: 1px solid #2E3A59;
}
}
}
.pop-data-table-head{
@include flex(0px);
align-items: center;
padding: 10px;
border-top: 1px solid #2E3A59;
border-bottom: 1px solid #2E3A59;
.pop-data-table-head-name{
@include defaultFont($font-s-13, $font-w-500, $font-c);
}
.pop-data-table-head-icon{
margin-left: auto;
min-width: 44px;
@include flex(0px);
}
}
.pop-data-table-body{
padding: 11px 10px;
border-bottom: 1px solid #2E3A59;
@include defaultFont($font-s-13, $font-w-400, $font-c);
}
.pop-data-table-footer{
@include flex(0px);
.pop-data-table-footer-unit{
flex: 1;
padding: 10px;
@include defaultFont($font-s-13, $font-w-500, $font-c);
border-right: 1px solid #2E3A59;
}
.pop-data-table-footer-data{
flex: none;
width: 104px;
padding: 10px;
@include defaultFont($font-s-13, $font-w-400, $font-c);
}
}

102
src/styles/components/_sub.scss
View File

@ -338,8 +338,34 @@
position: relative;
padding-right: 70px;
.inquiry-item-category{
@include defaultFont($font-s-13, $font-w-400, $font-c);
display: flex;
align-items: center;
margin-bottom: 5px;
span{
position: relative;
display: block;
@include defaultFont($font-s-13, $font-w-400, $font-c);
padding: 0 6px;
&:first-child{
padding-left: 0;
}
&:last-child{
padding-right: 0;
&::before{
display: none;
}
}
&::before{
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 1px;
height: 10px;
background-color: #A2ABB8;
}
}
}
.inquiry-item-tit{
@include defaultFont($font-s-15, $font-w-500, $font-c);
@ -419,8 +445,34 @@
border-bottom: 1px solid #2E3A59;
margin-bottom: 24px;
.inquiry-detail-category{
@include defaultFont($font-s-13, $font-w-400, $font-c);
display: flex;
align-items: center;
margin-bottom: 3px;
span{
position: relative;
display: block;
@include defaultFont($font-s-13, $font-w-400, $font-c);
padding: 0 6px;
&:first-child{
padding-left: 0;
}
&:last-child{
padding-right: 0;
&::before{
display: none;
}
}
&::before{
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 1px;
height: 10px;
background-color: #A2ABB8;
}
}
}
.inquiry-detail-tit{
@include defaultFont($font-s-15, $font-w-500, $font-c);
@ -434,6 +486,7 @@
// 1:1 문의 답변
.inquiry-answer-wrap{
margin-top: 24px;
}
.inquiry-answer-header{
padding: 20px 0;
@ -447,6 +500,10 @@
@include defaultFont($font-s-13, $font-w-400, #F86A56);
}
}
.inquiry-answer-tit{
@include defaultFont($font-s-13, $font-w-400, $font-c);
margin-bottom: 3px;
}
// 비밀번호 변경
.border-frame{
@ -553,12 +610,7 @@
}
}
}
.compliace-nodata{
margin-top: 24px;
padding: 30px 0;
@include defaultFont($font-s-13, $font-w-400, $font-c);
text-align: center;
}
.compliace-nosearch{
padding: 30px 0;
span{
@ -567,44 +619,14 @@
text-align: center;
}
}
.check-form-box{
&.com-tit{
label{
&:before{
width: 20px;
height: 20px;
top: 0;
}
}
input[type="checkbox"]:checked + label{
font-weight: 500;
&::after{
left: -1px;
}
}
}
&.com-txt{
label{
@include defaultFont($font-s-13, $font-w-400, #8595A7);
&:before{
width: 20px;
height: 20px;
top: 0;
}
}
input[type="checkbox"]:checked + label{
&::after{
left: -1px;
}
}
}
}
.check-item-wrap{
display: flex;
align-items: center;
}
.compliance-icon-wrap{
margin-left: auto;
min-width: 44px;
display: flex;
align-items: center;
}

3
src/styles/layout/_layout.scss
View File

@ -161,6 +161,9 @@ header{
&.icon02{
background-image: url(/assets/images/layout/side_swiper_icon02.svg)
}
&.icon03{
background-image: url(/assets/images/layout/side_swiper_icon03.svg)
}
}
.side-swiper-infor{
@include defaultFont($font-s-12, $font-w-500, #7896BA);

1
src/styles/layout/_pop-common.scss
View File

@ -22,7 +22,6 @@
.modal-content{
flex:1;
position: relative;
margin: 0 16px;
background-clip: padding-box;
background-color: $white-fff;
border-radius: 16px;

2
src/types/Auth.ts
View File

@ -7,7 +7,7 @@ export interface SessionData {
compCd: null
agencyStoreId: null
storeId: null
// storeNm: null
storeNm: null
userId: null
category: null
userNm: null