매매 시그널 알림 화면 수정
This commit is contained in:
Macbook
@@ -1279,6 +1279,19 @@
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.vtd-card-head-quote {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.vtd-card--head-inline-quote .vtd-card-head-quote .vtd-target-quote--compact {
|
||||
margin-top: 0;
|
||||
padding: 0;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
/* 카드 내 신호 / 차트 전환 */
|
||||
.vtd-card-mode-toggle {
|
||||
display: inline-flex;
|
||||
@@ -1658,6 +1671,15 @@
|
||||
max-width: 96px;
|
||||
}
|
||||
|
||||
.vtd-card-foot-select--readonly {
|
||||
display: inline-block;
|
||||
cursor: default;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.vtd-sig-panel-title {
|
||||
font-size: 10px;
|
||||
font-weight: 800;
|
||||
@@ -1668,63 +1690,121 @@
|
||||
}
|
||||
|
||||
.vtd-sig-visual {
|
||||
--vtd-sig-rail-height: 164px;
|
||||
display: grid;
|
||||
grid-template-columns: auto minmax(0, 1fr) auto;
|
||||
align-items: start;
|
||||
gap: 12px 14px;
|
||||
align-items: center;
|
||||
gap: 10px 12px;
|
||||
padding: 8px 10px;
|
||||
border: 1px solid color-mix(in srgb, var(--se-gold) 30%, var(--se-border));
|
||||
border: 1px solid color-mix(in srgb, var(--vtd-sig-gold-text, var(--se-gold, #e6c200)) 38%, var(--se-border, var(--border)));
|
||||
border-radius: 10px;
|
||||
background: var(--vtd-sig-panel-bg);
|
||||
background: var(--vtd-sig-panel-bg, color-mix(in srgb, #0d111f 60%, transparent));
|
||||
}
|
||||
|
||||
/* 이퀄라이저 · 지표일치율 · 신호등 — 열별 pane 아웃라인 (가상매매·알림 동일) */
|
||||
.vtd-sig-visual-pane {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-self: stretch;
|
||||
min-height: 0;
|
||||
min-width: 0;
|
||||
padding: 6px 8px;
|
||||
border: 1px solid color-mix(in srgb, var(--vtd-sig-gold-text, var(--se-gold, #e6c200)) 32%, var(--se-border, var(--border)));
|
||||
border-radius: 8px;
|
||||
background: color-mix(in srgb, var(--vtd-sig-panel-bg, rgba(13, 17, 31, 0.6)) 72%, transparent);
|
||||
box-sizing: border-box;
|
||||
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--vtd-sig-gold-text, var(--se-gold, #e6c200)) 8%, transparent);
|
||||
}
|
||||
|
||||
.vtd-sig-visual-eq {
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
flex-shrink: 0;
|
||||
justify-content: stretch;
|
||||
align-self: center;
|
||||
height: var(--vtd-sig-rail-height);
|
||||
min-height: var(--vtd-sig-rail-height);
|
||||
max-height: var(--vtd-sig-rail-height);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* 세그먼트 이퀄라이저 */
|
||||
.vtd-sig-eq {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
align-items: stretch;
|
||||
flex-shrink: 0;
|
||||
.vtd-sig-visual-heat {
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
align-self: center;
|
||||
min-height: var(--vtd-sig-rail-height);
|
||||
}
|
||||
|
||||
.vtd-sig-eq-column {
|
||||
.vtd-sig-visual-heat .vtd-heat-list {
|
||||
width: 100%;
|
||||
max-height: min(188px, calc(var(--vtd-sig-rail-height) + 48px));
|
||||
margin: auto 0;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.vtd-sig-visual-light {
|
||||
flex-shrink: 0;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.vtd-sig-light-rail {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 세그먼트 이퀄라이저 — 신호등+하단문구 높이와 눈금·막대 동기화 */
|
||||
.vtd-sig-visual-eq .vtd-sig-eq {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
align-items: stretch;
|
||||
flex: 1;
|
||||
min-width: 40px;
|
||||
max-width: 52px;
|
||||
min-height: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.vtd-sig-eq-scale {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
flex: 0 0 auto;
|
||||
height: 100%;
|
||||
font-size: 8px;
|
||||
color: var(--se-text-muted);
|
||||
padding: 2px 0;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.vtd-sig-eq-tick {
|
||||
flex: 0 0 auto;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.vtd-sig-eq-bar-wrap {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
flex: 1;
|
||||
min-width: 40px;
|
||||
max-width: 52px;
|
||||
min-height: 0;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.vtd-sig-eq-bar {
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
gap: 2px;
|
||||
height: 180px;
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
height: 100%;
|
||||
padding: 4px;
|
||||
border: 1px solid color-mix(in srgb, var(--se-gold) 40%, var(--se-border));
|
||||
border-radius: 6px;
|
||||
background: var(--vtd-sig-eq-bg);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.vtd-sig-eq-seg {
|
||||
@@ -1756,7 +1836,10 @@
|
||||
}
|
||||
|
||||
.vtd-sig-eq-badge {
|
||||
margin-top: 6px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: calc(100% + 4px);
|
||||
transform: translateX(-50%);
|
||||
font-size: 8px;
|
||||
font-weight: 800;
|
||||
letter-spacing: 0.04em;
|
||||
@@ -1765,6 +1848,7 @@
|
||||
text-align: center;
|
||||
line-height: 1.2;
|
||||
text-shadow: 0 0 8px color-mix(in srgb, #82b1ff 60%, transparent);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* Proximity Heatmap Bar — 이퀄라이저 ↔ 신호등 사이 */
|
||||
@@ -1941,8 +2025,8 @@
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.vtd-sig-panel--summary .vtd-heat-list {
|
||||
max-height: 160px;
|
||||
.vtd-sig-panel--summary .vtd-sig-visual-heat .vtd-heat-list {
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
/* legacy 조건 목록 (상세 테이블 STATUS 열) */
|
||||
@@ -2047,13 +2131,18 @@
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.vtd-sig-visual-light .vtd-sig-light--card-right {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.vtd-sig-light--card-right {
|
||||
flex: 0 0 auto;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 10px;
|
||||
padding: 4px 0 2px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.vtd-sig-light-housing {
|
||||
|
||||
Reference in New Issue
Block a user