[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:
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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);
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user