optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[251122] fix: DetailPanel ThemeButton-2

Browse Source 
🕐 커밋 시간: 2025. 11. 22. 22:22:13

📊 변경 통계:
  • 총 파일: 2개
  • 추가: +25줄
  • 삭제: -19줄

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

🔧 함수 변경 내용:
  📄 com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx (javascript):
    🔄 Modified: extractProductMeta()
This commit is contained in:
hyeon soo noh
2025-11-22 22:22:14 +09:00
parent dbbd7114a2
commit f1638fc50b
2 changed files with 25 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx
View File

@@ -1459,14 +1459,14 @@ export default function ProductAllSection({
className={css.bottomButtonWrapper} className={css.bottomButtonWrapper}
spotlightId="theme-item-button-container" spotlightId="theme-item-button-container"
> >
<div <TButton
className={css.themeButton} className={css.themeButton}
onClick={handleThemeItemButtonClick} onClick={handleThemeItemButtonClick}
spotlightId="theme-open-button" spotlightId="theme-open-button"
> >
<div>{$L('THEME ITEM')}</div> <div>{$L('THEME ITEM')}</div>
<img src={arrowDownIcon} className={css.themeButtonIcon} /> <img src={arrowDownIcon} className={css.themeButtonIcon} />
</div> </TButton>
</Container> </Container>
{/* )} */} {/* )} */}

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

@@ -736,26 +736,32 @@
} }
.themeButton { .themeButton {
width: 100%; width: 100% !important;
height: 60px; height: 60px !important;
padding: 20px 30px; padding: 20px 30px !important;
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05) !important;
overflow: hidden; overflow: hidden !important;
border-radius: 6px; border-radius: 6px !important;
justify-content: center; border: none !important;
align-items: center; justify-content: center !important;
gap: 15px; align-items: center !important;
display: inline-flex; gap: 15px !important;
display: inline-flex !important;
color: white; color: white !important;
font-size: 25px; font-size: 25px !important;
font-family: @baseFont; // LG Smart UI font-family: @baseFont !important;
font-weight: 600; font-weight: 600 !important;
line-height: 35px; line-height: 35px !important;
word-wrap: break-word; word-wrap: break-word !important;
&:focus { &:focus {
background: @PRIMARY_COLOR_RED; background: @PRIMARY_COLOR_RED !important;
outline: none !important;
}
&:hover {
background: rgba(255, 255, 255, 0.08) !important;
} }
} }