가상매매 화면 멀티 레이아웃 수정
This commit is contained in:
@@ -56,9 +56,9 @@
|
||||
|
||||
/* 목록 한 줄 = 알림상세 · 신호일치율 · 캔들 · 보조지표(1칸) — 가로 100% 꽉 참 */
|
||||
.tnl-row-gallery {
|
||||
--tnl-summary-card-width: 288px;
|
||||
--tnl-signal-slot-width: 308px;
|
||||
--tnl-chart-card-width: 294px;
|
||||
--tnl-summary-card-width: 260px;
|
||||
--tnl-signal-slot-width: 280px;
|
||||
--tnl-chart-card-width: 312px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: stretch;
|
||||
@@ -71,17 +71,17 @@
|
||||
}
|
||||
|
||||
.tnl-row-gallery-detail {
|
||||
flex: 1 1 0;
|
||||
flex: 0.88 1 0;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.tnl-row-gallery-signal {
|
||||
flex: 1.05 1 0;
|
||||
flex: 0.92 1 0;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.tnl-row-gallery-candle {
|
||||
flex: 1.05 1 0;
|
||||
flex: 1.12 1 0;
|
||||
min-width: 0;
|
||||
height: 300px;
|
||||
max-height: 300px;
|
||||
@@ -107,7 +107,7 @@
|
||||
}
|
||||
|
||||
.tnl-row-gallery-indicators {
|
||||
flex: 1.05 1 0;
|
||||
flex: 1.12 1 0;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
@@ -123,9 +123,9 @@
|
||||
}
|
||||
|
||||
.tnl-row-gallery--chart-expanded .tnl-row-gallery-detail {
|
||||
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));
|
||||
flex: 0 0 min(24%, var(--tnl-summary-card-width));
|
||||
width: min(24%, var(--tnl-summary-card-width));
|
||||
min-width: min(200px, var(--tnl-summary-card-width));
|
||||
max-width: var(--tnl-summary-card-width);
|
||||
}
|
||||
|
||||
@@ -591,6 +591,7 @@
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
padding-right: 2px;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
.tnl-summary-info-row {
|
||||
@@ -629,7 +630,7 @@
|
||||
gap: 12px;
|
||||
flex-shrink: 0;
|
||||
width: 100%;
|
||||
padding-top: 4px;
|
||||
padding-top: 10px;
|
||||
border-top: 1px solid var(--border);
|
||||
}
|
||||
|
||||
@@ -1213,7 +1214,7 @@ ul.tnl-list.tnl-list--grid {
|
||||
}
|
||||
|
||||
.tnl-row-gallery {
|
||||
--tnl-summary-card-width: min(100%, 288px);
|
||||
--tnl-summary-card-width: min(100%, 260px);
|
||||
}
|
||||
|
||||
.tnl-row-gallery-detail,
|
||||
|
||||
Reference in New Issue
Block a user