summaryrefslogtreecommitdiff
path: root/src/renderer/src/App.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/renderer/src/App.css')
-rw-r--r--src/renderer/src/App.css79
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 {