[251123] fix: BuyOption.module.less

🕐 커밋 시간: 2025. 11. 23. 19:56:27

📊 변경 통계:
  • 총 파일: 4개

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/components/TPanel/TPanel.module.less
  ~ com.twin.app.shoptime/src/views/DetailPanel/components/BuyOption.module.less
  ~ com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx
  ~ com.twin.app.shoptime/src/views/SearchPanel/SearchPanel.new.module.less

🔧 주요 변경 내용:
  • UI 컴포넌트 아키텍처 개선

com.twin.app.shoptime/src/components/TPanel/TPanel.module.less

@@ -6,6 +6,9 @@
   box-sizing: border-box;
   color: black;
   position: absolute; //yhcho
+  left: 0;
+  top: 0;
+  margin: 0;
   font-family: @baseFont;
   color: @COLOR_GRAY03;
   padding: 0 !important;

com.twin.app.shoptime/src/views/DetailPanel/components/BuyOption.module.less

@@ -136,7 +136,8 @@
 
 
 
-[id="floatLayer"] > div:not([id]) > div > div:nth-child(2) {
+// BuyOption Toast만 대상으로 하는 구체적인 선택자
+.buy_option_toast {
     bottom: 54%;
     transform: translateY(50%);
     overflow: initial;

com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx

@@ -1350,7 +1350,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
           customPosition={true}
           position={{
             position: 'absolute',
-            top: '385px',
+            top: '340px',
             left: '0px',
             bottom: 'unset',
             transform: 'none',

com.twin.app.shoptime/src/views/SearchPanel/SearchPanel.new.module.less

@@ -4,6 +4,16 @@
 
 .container {
   background-color: @BG_COLOR_01;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100vh;
+  min-height: 1080px;
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  padding: 0;
 
   .tBody {
     height: 100%;