[251021] fix: DetailPanel,ProductAllSection 버튼영역 중복 스타일 제거

🕐 커밋 시간: 2025. 10. 21. 12:26:26

📊 변경 통계:
  • 총 파일: 1개
  • 추가: +6줄
  • 삭제: -58줄

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less

🔧 주요 변경 내용:
  • 코드 정리 및 최적화

Performance: 코드 최적화로 성능 개선 기대

com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less

@@ -245,7 +245,9 @@
   display: flex;
   justify-content: flex-start;
   align-items: center;
-
+  &.buttonHasNoCart {
+    padding-top: 0;
+  }
   > * {
     margin-right: 6px;
     &:last-child {
@@ -255,7 +257,7 @@
 }
 
 .shopByMobileButton {
-  flex: 1 1 0 !important;
+  flex: 1 1 0% !important;
   width: auto !important; // flex로 크기 조정
   height: 60px !important;
   background: rgba(68, 68, 68, 0.5) !important;
@@ -696,60 +698,6 @@
   align-items: center;
 }
 
-// 모바일 쇼핑 섹션 (mobileSection 참고)
-.buttonContainer {
-  align-self: stretch;
-  padding-top: 19px;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  &.buttonHasNoCart {
-    padding-top: 0;
-  }
-  > * {
-    margin-right: 6px;
-    &:last-child {
-      margin-right: 0;
-    }
-  }
-}
-
-.shopByMobileButton {
-  flex: 1 1 0 !important;
-  width: auto !important; // flex로 크기 조정
-  height: 60px !important;
-  background: rgba(68, 68, 68, 0.5) !important;
-  border-radius: 6px !important;
-  border: none !important;
-  padding: 0 !important;
-  margin: 0;
-  display: flex !important;
-  align-items: center !important;
-  justify-content: center !important;
-  &.shopByMobileOne {
-    margin: 0 6px 0 0;
-  }
-
-  .shopByMobileText {
-    color: white !important;
-    font-size: 25px !important;
-    font-family: @baseFont !important; // LG Smart 폰트 사용
-    font-weight: 400 !important; // Bold에서 Regular로 변경
-    line-height: 35px !important;
-    text-align: center !important;
-  }
-
-  // 포커스 상태 추가
-  &:focus {
-    background: @PRIMARY_COLOR_RED !important; // 포커스시 빨간색 배경
-    outline: 2px solid @PRIMARY_COLOR_RED !important;
-
-    .shopByMobileText {
-      color: white !important; // 포커스시에도 텍스트는 흰색 유지
-    }
-  }
-}
-
 .favoriteBtnWrapper {
   width: 60px;
   height: 60px;
@@ -912,7 +860,7 @@
 }
 
 .buyNowButton {
-  flex: 1 1 0 !important;
+  flex: 1 1 0% !important;
   width: auto !important;
   height: 60px !important;
   background: rgba(68, 68, 68, 0.5) !important;
@@ -943,7 +891,7 @@
 }
 
 .addToCartButton {
-  flex: 1 1 0 !important;
+  flex: 1 1 0% !important;
   width: auto !important;
   height: 60px !important;
   background: rgba(68, 68, 68, 0.5) !important;