aidev/goldenChart
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

전략 설명 추가

Browse Source
This commit is contained in:
Macbook
2026-06-16 21:35:59 +09:00
parent 26bfca7b4c
commit 822d99f6b0
6 changed files with 363 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles/strategyEditor.css
+76 -1
View File
@@ -1552,7 +1552,18 @@
border-radius: 0;
background: var(--se-terminal-bg);
overflow: hidden;
min-height: 88px;
min-height: 120px;
}
.se-terminal-scroll {
flex: 1;
min-height: 0;
overflow-y: auto;
}
.se-terminal-section + .se-terminal-section {
border-top: 1px solid var(--se-border);
}
.se-terminal-section--narrative {
background: color-mix(in srgb, var(--se-terminal-bg) 88%, var(--se-gold) 12%);
}
.se-terminal-label {
flex-shrink: 0;
@@ -1563,6 +1574,9 @@
padding: 6px 12px;
border-bottom: 1px solid var(--se-border);
}
.se-terminal-label--guide {
color: color-mix(in srgb, var(--se-gold) 85%, var(--se-text) 15%);
}
.se-terminal-text {
flex: 1;
min-height: 0;
@@ -2626,3 +2640,64 @@ body.se-palette-drag-armed .se-palette-section--scroll {
color: var(--se-text-muted);
line-height: 1.5;
}
/* ── Terminal narrative (조건 설명) ── */
.se-narrative {
padding: 10px 14px 12px;
font-size: 0.8rem;
line-height: 1.55;
color: var(--se-text);
}
.se-narrative--compact {
padding: 8px 14px 10px;
font-size: 0.78rem;
}
.se-narrative-intro {
margin: 0 0 8px;
color: var(--se-text-muted);
}
.se-narrative-section + .se-narrative-section {
margin-top: 10px;
padding-top: 8px;
border-top: 1px dashed var(--se-border);
}
.se-narrative-section-title {
margin: 0 0 6px;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
color: var(--se-gold);
}
.se-narrative-para {
margin: 0 0 6px;
color: var(--se-text-muted);
}
.se-narrative-para--lead {
font-size: 0.76rem;
}
.se-narrative-list {
margin: 4px 0 0;
padding: 0 0 0 1.1em;
list-style: none;
}
.se-narrative-list-item {
margin: 3px 0;
padding-left: 2px;
white-space: pre-wrap;
word-break: keep-all;
color: var(--se-text);
}
.se-narrative-footnotes {
margin-top: 8px;
padding-top: 6px;
border-top: 1px dashed var(--se-border);
}
.se-narrative-footnote {
margin: 3px 0 0;
font-size: 0.72rem;
color: var(--se-text-muted);
line-height: 1.45;
}
.se-narrative--compact .se-narrative-footnotes {
display: none;
}
frontend/src/styles/strategyEvaluation.css
+55
View File
@@ -428,6 +428,61 @@
font-variant-numeric: tabular-nums;
}
/* ── 중앙 하단 — LOGIC EXPRESSION + 조건 설명 ── */
.seval-condition-panel {
flex-shrink: 0;
max-height: min(38vh, 320px);
margin-top: 6px;
border: 1px solid var(--se-terminal-border, rgba(255, 255, 255, 0.08));
border-radius: 8px;
background: var(--se-terminal-bg, color-mix(in srgb, var(--bg) 92%, #000));
overflow: hidden;
display: flex;
flex-direction: column;
}
.seval-condition-panel--empty {
max-height: none;
padding: 12px 14px;
}
.seval-condition-panel-empty {
margin: 0;
font-size: 0.8rem;
color: var(--se-text-muted);
}
.seval-condition-panel-section {
flex-shrink: 0;
min-height: 0;
overflow-y: auto;
}
.seval-condition-panel-section--narrative {
flex: 1;
min-height: 0;
border-top: 1px solid var(--se-border);
background: color-mix(in srgb, var(--se-terminal-bg, var(--bg)) 88%, var(--se-gold, #c9a227) 12%);
}
.seval-condition-panel-label {
position: sticky;
top: 0;
z-index: 1;
font-size: 0.62rem;
font-weight: 800;
letter-spacing: 0.14em;
color: var(--se-terminal-label, var(--se-text-muted));
padding: 6px 12px;
border-bottom: 1px solid var(--se-border);
background: inherit;
}
.seval-condition-panel-label--guide {
color: color-mix(in srgb, var(--se-gold, #c9a227) 85%, var(--se-text) 15%);
}
.seval-condition-panel .se-terminal-text {
max-height: 120px;
}
.seval-condition-panel .se-narrative--compact {
max-height: 160px;
overflow-y: auto;
}
/* ── 세로 선택바 ─────────────────────────────────────────────────────────── */
.seval-bar-selector-layer {
position: absolute;