From cf27ed3846b31c1acc69914a49441b40394f7b74 Mon Sep 17 00:00:00 2001 From: "junghoon86.park" Date: Thu, 11 Dec 2025 12:53:05 +0900 Subject: [PATCH] =?UTF-8?q?[=EC=83=81=ED=92=88=20=EC=83=81=EC=84=B8]=20?= =?UTF-8?q?=EB=94=94=ED=85=8C=EC=9D=BC=20=EB=B6=80=EB=B6=84=20=ED=8F=AC?= =?UTF-8?q?=EC=BB=A4=EC=8A=A4=20=EB=B0=8F=20=EC=8A=A4=ED=83=80=EC=9D=BC=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 - nbcu seemoreproduct 버튼 포커스및 tiemcard내에 보더 제거 --- .../src/components/TItemCard/TItemCard.module.less | 4 ++-- .../ProductAllSection/ProductAllSection.jsx | 11 ++++------- .../ProductAllSection/ProductAllSection.module.less | 6 ++++-- 3 files changed, 10 insertions(+), 11 deletions(-) diff --git a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less index dee8ea6e..0d3c5d61 100644 --- a/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less +++ b/com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less @@ -29,7 +29,7 @@ > img { .size(@w: inherit, @h: inherit); object-fit: cover; - border: solid 1px #f0f0f0; + // border: solid 1px #f0f0f0; } // discount rate @@ -144,7 +144,7 @@ > img { .size(@w: 288px, @h: 288px); object-fit: contain; - border: solid 1px #f0f0f0; + // border: solid 1px #f0f0f0; } // discount rate diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx index c99f28ef..4b6b0978 100644 --- a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx +++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx @@ -112,11 +112,12 @@ import { } from '../ProductContentSection/ProductVideo/ProductVideo.v2.jsx'; import ProductVideo from '../ProductContentSection/ProductVideo/ProductVideo.v3'; +import SeeMoreProducts + from '../ProductContentSection/SeeMoreProducts/SeeMoreProducts'; import UserReviews from '../ProductContentSection/UserReviews/UserReviews'; // import ViewAllReviewsButton from '../ProductContentSection/UserReviews/ViewAllReviewsButton'; import YouMayAlsoLike from '../ProductContentSection/YouMayAlsoLike/YouMayAlsoLike'; -import SeeMoreProducts from '../ProductContentSection/SeeMoreProducts/SeeMoreProducts'; import QRCode from '../ProductInfoSection/QRCode/QRCode'; import ProductOverview from '../ProductOverview/ProductOverview'; // CSS imports @@ -1279,7 +1280,7 @@ export default function ProductAllSection({ // 버튼 클릭 시 스크롤만 처리 (데이터는 useEffect에서 처리) scrollToSection('scroll-marker-see-more-products'); setTimeout(() => { - Spotlight.focus("see-more-products-area"); + Spotlight.focus("detail_seeMoreProducts_area"); }, 100); }, [scrollToSection]); @@ -1869,8 +1870,6 @@ export default function ProductAllSection({ activeButton === 'youmaylike' ? css.active : '' )} onClick={handleYouMayAlsoLikeClick} - onFocus={() => handleButtonFocus('youmaylike')} - onBlur={handleButtonBlur} > {$L('YOU MAY ALSO LIKE')} @@ -1879,12 +1878,10 @@ export default function ProductAllSection({ {(panelInfo?.patnrId === 21 || panelInfo?.patnrId === "21") && hasSeeMoreProducts && ( handleButtonFocus('seemoreproducts')} - onBlur={handleButtonBlur} spotlightId="see-more-products-button" > {$L('SEE MORE PRODUCTS')} diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less index c2f039b2..c60e06e8 100644 --- a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less +++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less @@ -680,7 +680,8 @@ .productDetailsButton, .userReviewsButton, -.youMayLikeButton { +.youMayLikeButton, +.seeMoreProductButton { align-self: stretch; height: 60px; background: rgba(255, 255, 255, 0.05); // 기본 회색 배경 @@ -708,7 +709,8 @@ .productDetailsButton, .userReviewsButton, -.youMayLikeButton { +.youMayLikeButton, +.seeMoreProductButton { align-self: stretch; height: 60px; background: rgba(255, 255, 255, 0.05); // 기본 회색 배경