차트로딩중 적용
This commit is contained in:
@@ -56,9 +56,9 @@
|
||||
|
||||
/* 목록 한 줄 = 알림상세 · 신호일치율 · 캔들 · 보조지표(1칸) — 가로 100% 꽉 참 */
|
||||
.tnl-row-gallery {
|
||||
--tnl-summary-card-width: 320px;
|
||||
--tnl-signal-slot-width: 300px;
|
||||
--tnl-chart-card-width: 280px;
|
||||
--tnl-summary-card-width: 288px;
|
||||
--tnl-signal-slot-width: 308px;
|
||||
--tnl-chart-card-width: 294px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: stretch;
|
||||
@@ -71,17 +71,17 @@
|
||||
}
|
||||
|
||||
.tnl-row-gallery-detail {
|
||||
flex: 1.15 1 0;
|
||||
flex: 1 1 0;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.tnl-row-gallery-signal {
|
||||
flex: 1 1 0;
|
||||
flex: 1.05 1 0;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.tnl-row-gallery-candle {
|
||||
flex: 1 1 0;
|
||||
flex: 1.05 1 0;
|
||||
min-width: 0;
|
||||
height: 300px;
|
||||
max-height: 300px;
|
||||
@@ -107,7 +107,7 @@
|
||||
}
|
||||
|
||||
.tnl-row-gallery-indicators {
|
||||
flex: 1 1 0;
|
||||
flex: 1.05 1 0;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
@@ -123,9 +123,9 @@
|
||||
}
|
||||
|
||||
.tnl-row-gallery--chart-expanded .tnl-row-gallery-detail {
|
||||
flex: 0 0 min(28%, var(--tnl-summary-card-width));
|
||||
width: min(28%, var(--tnl-summary-card-width));
|
||||
min-width: min(240px, var(--tnl-summary-card-width));
|
||||
flex: 0 0 min(26%, var(--tnl-summary-card-width));
|
||||
width: min(26%, var(--tnl-summary-card-width));
|
||||
min-width: min(220px, var(--tnl-summary-card-width));
|
||||
max-width: var(--tnl-summary-card-width);
|
||||
}
|
||||
|
||||
@@ -1213,7 +1213,7 @@ ul.tnl-list.tnl-list--grid {
|
||||
}
|
||||
|
||||
.tnl-row-gallery {
|
||||
--tnl-summary-card-width: min(100%, 320px);
|
||||
--tnl-summary-card-width: min(100%, 288px);
|
||||
}
|
||||
|
||||
.tnl-row-gallery-detail,
|
||||
|
||||
Reference in New Issue
Block a user