diff --git a/src/renderer/src/styles.css b/src/renderer/src/styles.css index 7de66b7..b962c62 100644 --- a/src/renderer/src/styles.css +++ b/src/renderer/src/styles.css @@ -1,18 +1,18 @@ /* ============ Helder — dark, charcoal-neutral (ported from design handoff) ============ */ :root { - --bg-0:#16171a; /* editor surface (deepest) */ - --bg-1:#1a1c1f; /* terminals */ - --bg-2:#1f2226; /* sidebars */ - --bg-3:#23262b; /* headers / tabs strip */ - --hover:#2a2e34; - --active:#313742; - --sel:#2b323d; - --border:#2a2d33; - --border-2:#34383f; - --fg-0:#e6e8ea; - --fg-1:#b4bac2; - --fg-2:#838a94; - --fg-3:#5d636c; + --bg-0:#2b2e34; /* editor surface (deepest) */ + --bg-1:#30343b; /* terminals */ + --bg-2:#373c44; /* sidebars */ + --bg-3:#40454e; /* headers / tabs strip */ + --hover:#4a505a; + --active:#535a66; + --sel:#49525f; + --border:#474c55; + --border-2:#535963; + --fg-0:#fbfcfd; + --fg-1:#dde1e7; + --fg-2:#b0b6bf; + --fg-3:#8f96a0; --accent:#f19f3f; @@ -347,11 +347,11 @@ body { .pempty { padding:26px; text-align:center; color:var(--fg-3); font-size:12.5px; } /* combined search modal (content + files) */ -.search-modal { width:1040px; max-width:94vw; background:#212429; border:1px solid var(--border-2); border-radius:11px; box-shadow:0 24px 70px rgba(0,0,0,.55); overflow:hidden; display:flex; flex-direction:column; } +.search-modal { width:min(1680px, 92vw); max-width:92vw; background:#212429; border:1px solid var(--border-2); border-radius:11px; box-shadow:0 24px 70px rgba(0,0,0,.55); overflow:hidden; display:flex; flex-direction:column; } .search-cols { display:flex; min-height:0; } -.sc-infile { flex:0 0 290px; min-width:0; max-height:460px; overflow:auto; border-right:1px solid var(--border); padding-bottom:8px; background:rgba(0,0,0,0.18); } -.sc-left { flex:1 1 auto; min-width:0; max-height:460px; overflow:auto; border-right:1px solid var(--border); padding-bottom:8px; } -.sc-right { flex:0 0 256px; min-width:0; max-height:460px; overflow:auto; padding-bottom:8px; background:rgba(0,0,0,0.12); } +.sc-infile { flex:0 0 20%; min-width:0; max-height:min(72vh, 720px); overflow:auto; border-right:1px solid var(--border); padding-bottom:8px; background:rgba(0,0,0,0.18); } +.sc-left { flex:0 0 60%; min-width:0; max-height:min(72vh, 720px); overflow:auto; border-right:1px solid var(--border); padding-bottom:8px; } +.sc-right { flex:0 0 20%; min-width:0; max-height:min(72vh, 720px); overflow:auto; padding-bottom:8px; background:rgba(0,0,0,0.12); } .sc-head { position:sticky; top:0; z-index:1; background:#212429; padding:9px 14px 6px; font-size:10px; letter-spacing:.07em; text-transform:uppercase; color:var(--fg-3); display:flex; align-items:center; gap:7px; } .sc-right .sc-head { background:#1e2024; } .sc-infile .sc-head { background:#1c1e22; text-transform:none; letter-spacing:0; } @@ -384,7 +384,7 @@ body { .hist-txt .fd { font-size:10.5px; color:var(--fg-3); font-family:var(--mono); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* content search */ -.search-results { max-height:420px; overflow:auto; padding:4px 0 8px; } +.search-results { max-height:min(68vh, 680px); overflow:auto; padding:4px 0 8px; } .sr-file { padding:7px 14px 3px; font-size:11.5px; color:var(--fg-2); display:flex; align-items:center; gap:8px; cursor:pointer; } .sr-file:hover { color:var(--fg-0); } .sr-file .cnt { margin-left:auto; color:var(--fg-3); font-family:var(--mono); font-size:10.5px; }