From 9fc0a82c6e080413195779feff8a64575c16d1bc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= Date: Fri, 9 May 2025 11:24:52 +0900 Subject: [PATCH] =?UTF-8?q?radio,=20check=20header=20side=20nav=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../images/layout/side_swiper_icon02.svg | 11 +++--- .../images/layout/side_swiper_icon03.svg | 5 +++ src/app/roofcompliance/page.tsx | 3 +- src/app/sale/saledefault/page.tsx | 2 +- src/components/layouts/Header.tsx | 4 +-- .../RoofComplianceCheckData.tsx | 10 +++--- src/styles/base/_check-radio.scss | 36 ++++++++++++------- src/styles/components/_sub.scss | 33 +---------------- src/styles/layout/_layout.scss | 3 ++ 9 files changed, 48 insertions(+), 59 deletions(-) create mode 100644 public/assets/images/layout/side_swiper_icon03.svg diff --git a/public/assets/images/layout/side_swiper_icon02.svg b/public/assets/images/layout/side_swiper_icon02.svg index 0ea547c..22ea766 100644 --- a/public/assets/images/layout/side_swiper_icon02.svg +++ b/public/assets/images/layout/side_swiper_icon02.svg @@ -1,6 +1,7 @@ - - - - - + + + + + + diff --git a/public/assets/images/layout/side_swiper_icon03.svg b/public/assets/images/layout/side_swiper_icon03.svg new file mode 100644 index 0000000..9d877d1 --- /dev/null +++ b/public/assets/images/layout/side_swiper_icon03.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/app/roofcompliance/page.tsx b/src/app/roofcompliance/page.tsx index 12c2bb4..189afc5 100644 --- a/src/app/roofcompliance/page.tsx +++ b/src/app/roofcompliance/page.tsx @@ -23,7 +23,8 @@ export default function RoofCompliancePage(){
- + {/* 지붕제 적합성 상세 팝업 */} + {/* */} ) } \ No newline at end of file diff --git a/src/app/sale/saledefault/page.tsx b/src/app/sale/saledefault/page.tsx index 5d9a103..f0929fe 100644 --- a/src/app/sale/saledefault/page.tsx +++ b/src/app/sale/saledefault/page.tsx @@ -27,7 +27,7 @@ export default function SaleDefaultPage(){ {/* 우편번호 팝업 */} - + {/* */} ) } \ No newline at end of file diff --git a/src/components/layouts/Header.tsx b/src/components/layouts/Header.tsx index 898d2af..c42e2d7 100644 --- a/src/components/layouts/Header.tsx +++ b/src/components/layouts/Header.tsx @@ -67,9 +67,9 @@ export default function Header({name, backBtn}: HeaderProps){
-
+
- 私は作成したお問 い合わせ + 屋根材適合性確認
diff --git a/src/components/roofcompliance/RoofComplianceCheckData.tsx b/src/components/roofcompliance/RoofComplianceCheckData.tsx index 7762c3a..58c4192 100644 --- a/src/components/roofcompliance/RoofComplianceCheckData.tsx +++ b/src/components/roofcompliance/RoofComplianceCheckData.tsx @@ -2,7 +2,7 @@ export default function RoofComplianceCheckData(){ return(
-
+
@@ -13,7 +13,7 @@ export default function RoofComplianceCheckData(){
  • -
    +
    @@ -25,7 +25,7 @@ export default function RoofComplianceCheckData(){
  • -
    +
    @@ -37,7 +37,7 @@ export default function RoofComplianceCheckData(){
  • -
    +
    @@ -49,7 +49,7 @@ export default function RoofComplianceCheckData(){
  • -
    +
    diff --git a/src/styles/base/_check-radio.scss b/src/styles/base/_check-radio.scss index bbecd6f..3df63fa 100644 --- a/src/styles/base/_check-radio.scss +++ b/src/styles/base/_check-radio.scss @@ -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; diff --git a/src/styles/components/_sub.scss b/src/styles/components/_sub.scss index 9f52715..153384a 100644 --- a/src/styles/components/_sub.scss +++ b/src/styles/components/_sub.scss @@ -567,38 +567,7 @@ 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; diff --git a/src/styles/layout/_layout.scss b/src/styles/layout/_layout.scss index 6d1e7c4..95ae2e4 100644 --- a/src/styles/layout/_layout.scss +++ b/src/styles/layout/_layout.scss @@ -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);