[251021] fix: flex-basis 수정

🕐 커밋 시간: 2025. 10. 21. 12:34:42

📊 변경 통계:
  • 총 파일: 7개
  • 추가: +15줄
  • 삭제: -15줄

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/components/Optional/OptionalTermsConfirm.module.less
  ~ com.twin.app.shoptime/src/components/Optional/OptionalTermsConfirmTest.module.less
  ~ com.twin.app.shoptime/src/views/DetailPanel/components/BuyOption.module.less
  ~ com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.new.module.less
  ~ com.twin.app.shoptime/src/views/PlayerPanel/PlayerItemCard/PlayerItemCard.v2.module.less
  ~ com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/BelowTabContainer.module.less
  ~ com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveShowContainer.module.less

🔧 주요 변경 내용:
  • UI 컴포넌트 아키텍처 개선
  • 코드 정리 및 최적화
  • 모듈 구조 개선
This commit is contained in:
2025-10-21 12:34:44 +09:00
parent 522fad20ea
commit cb24110fb0
7 changed files with 15 additions and 15 deletions

View File

@@ -24,7 +24,7 @@
box-sizing: border-box;
.mainContent {
flex: 1 1 0;
flex: 1 1 0%;
display: inline-flex;
flex-direction: column;
justify-content: center;

View File

@@ -25,7 +25,7 @@
box-sizing: border-box;
.mainContent {
flex: 1 1 0;
flex: 1 1 0%;
display: inline-flex;
flex-direction: column;
justify-content: center;

View File

@@ -17,7 +17,7 @@
align-items: flex-end;
// buy-option__left-section (Element)
&__left_section {
flex: 1 1 0;
flex: 1 1 0%;
display: flex;
flex-direction: column;
justify-content: flex-start;

View File

@@ -137,7 +137,7 @@
display: inline-flex;
.termsLeftPanel {
flex: 1 1 0;
flex: 1 1 0%;
padding-left: 60px;
padding-right: 60px;
flex-direction: column;
@@ -208,7 +208,7 @@
}
}
.termsRightPanel {
flex: 1 1 0;
flex: 1 1 0%;
align-self: stretch;
padding-left: 60px;
padding-right: 60px;

View File

@@ -27,7 +27,7 @@
}
.imageWrap {
flex: 1 1 0;
flex: 1 1 0%;
.size(@w: 212px, @h: 119px);
overflow: hidden;
.flex(@display: flex, @justifyCenter: center, @alignCenter: center);
@@ -65,7 +65,7 @@
}
.descWrap {
flex: 1 1 0;
flex: 1 1 0%;
height: 110px;
.flex(@display: flex, @justifyCenter: space-between, @alignCenter: flex-start, @direction: column);
@@ -117,7 +117,7 @@
}
.progressBar {
flex: 1 1 0;
flex: 1 1 0%;
height: 5px;
.position(@position: relative);
overflow: hidden;
@@ -197,7 +197,7 @@
}
.imageWrap {
flex: 1 1 0;
flex: 1 1 0%;
.size(@w: 212px, @h: 119px);
overflow: hidden;
.flex(@display: flex, @justifyCenter: center, @alignCenter: center);

View File

@@ -109,7 +109,7 @@
}
.thumbnail {
flex: 1 1 0;
flex: 1 1 0%;
.size(@w: 212px, @h: 119px);
overflow: hidden;
.flex(@display: flex, @justifyCenter: center, @alignCenter: center);
@@ -122,7 +122,7 @@
}
.cardContent {
flex: 1 1 0;
flex: 1 1 0%;
height: 110px;
.flex(@display: flex, @justifyCenter: space-between, @alignCenter: flex-start, @direction: column);
@@ -177,7 +177,7 @@
}
.progressBar {
flex: 1 1 0;
flex: 1 1 0%;
height: 5px;
.position(@position: relative);
overflow: hidden;

View File

@@ -109,7 +109,7 @@
}
.thumbnail {
flex: 1 1 0;
flex: 1 1 0%;
.size(@w: 212px, @h: 119px);
overflow: hidden;
.flex(@display: flex, @justifyCenter: center, @alignCenter: center);
@@ -122,7 +122,7 @@
}
.cardContent {
flex: 1 1 0;
flex: 1 1 0%;
height: 110px;
.flex(@display: flex, @justifyCenter: space-between, @alignCenter: flex-start, @direction: column);
@@ -177,7 +177,7 @@
}
.progressBar {
flex: 1 1 0;
flex: 1 1 0%;
height: 5px;
.position(@position: relative);
overflow: hidden;