diff options
Diffstat (limited to 'src/renderer/src/App.css')
| -rw-r--r-- | src/renderer/src/App.css | 79 |
1 files changed, 67 insertions, 12 deletions
diff --git a/src/renderer/src/App.css b/src/renderer/src/App.css index aae0b4b..a6a4003 100644 --- a/src/renderer/src/App.css +++ b/src/renderer/src/App.css @@ -1465,10 +1465,14 @@ html, body, #root { min-width: 280px; height: 100%; border-left: 1px solid var(--border); + display: flex; + flex-direction: column; + overflow: hidden; } .review-panel { - height: 100%; + flex: 1; + min-height: 0; display: flex; flex-direction: column; background: var(--bg-primary); @@ -1812,17 +1816,6 @@ html, body, #root { gap: 4px; } -.terminal-toolbar .pdf-tab { - color: #A09880; -} -.terminal-toolbar .pdf-tab:hover { - color: #C8BFA0; -} -.terminal-toolbar .pdf-tab.active { - background: #3D3830; - color: #E8DFC0; -} - .terminal-content { flex: 1; padding: 4px; @@ -1850,6 +1843,68 @@ html, body, #root { color: #E8DFC0 !important; } +.terminal-tab-bar { + display: flex; + align-items: center; + height: 28px; + background: #1E1B15; + border-top: 1px solid #3D3830; + padding: 0 4px; + gap: 2px; + flex-shrink: 0; +} + +.terminal-tab { + display: flex; + align-items: center; + gap: 4px; + padding: 2px 10px; + font-size: 11px; + color: #8B7D5E; + cursor: pointer; + border-radius: 4px; + user-select: none; +} +.terminal-tab:hover { + color: #C8BFA0; + background: #2D2A24; +} +.terminal-tab.active { + color: #E8DFC0; + background: #3D3830; +} + +.terminal-tab-close { + font-size: 13px; + line-height: 1; + opacity: 0; + cursor: pointer; + padding: 0 2px; + border-radius: 2px; +} +.terminal-tab:hover .terminal-tab-close { + opacity: 0.6; +} +.terminal-tab-close:hover { + opacity: 1 !important; + background: #5C5040; +} + +.terminal-tab-add { + background: none; + border: none; + color: #6B5B3E; + font-size: 16px; + cursor: pointer; + padding: 0 6px; + line-height: 1; + border-radius: 4px; +} +.terminal-tab-add:hover { + color: #E8DFC0; + background: #2D2A24; +} + /* ── Status Bar ──────────────────────────────────────────────── */ .status-bar { |
