가상매매 화면 멀티 레이아웃 수정

This commit is contained in:
Macbook
2026-05-30 04:03:51 +09:00
parent 961609242c
commit 33c2d4b337
12 changed files with 476 additions and 217 deletions
+13 -12
View File
@@ -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,