diff options
| author | David Hill <[email protected]> | 2026-01-20 00:21:11 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-20 00:21:11 +0000 |
| commit | cf284e32aaab6e9b29d8bf919cdf5f13d95c5a8d (patch) | |
| tree | 4dad6e1c6dae40543a646571419e38024f12584d | |
| parent | 054ccee78daf78cf33ba01c758e844cfab8c385a (diff) | |
| download | opencode-cf284e32aaab6e9b29d8bf919cdf5f13d95c5a8d.tar.gz opencode-cf284e32aaab6e9b29d8bf919cdf5f13d95c5a8d.zip | |
update session hover popover styling
| -rw-r--r-- | packages/app/src/pages/layout.tsx | 2 | ||||
| -rw-r--r-- | packages/ui/src/components/hover-card.css | 2 | ||||
| -rw-r--r-- | packages/ui/src/components/message-nav.css | 2 |
3 files changed, 3 insertions, 3 deletions
diff --git a/packages/app/src/pages/layout.tsx b/packages/app/src/pages/layout.tsx index e0cc38b9a..0ef608a4a 100644 --- a/packages/app/src/pages/layout.tsx +++ b/packages/app/src/pages/layout.tsx @@ -1421,7 +1421,7 @@ export default function Layout(props: ParentProps) { </Tooltip> } > - <HoverCard openDelay={150} closeDelay={100} placement="right" gutter={12} trigger={item}> + <HoverCard openDelay={150} closeDelay={100} placement="right" gutter={16} trigger={item}> <Show when={hoverReady()} fallback={<div class="text-12-regular text-text-weak">Loading messages…</div>}> <MessageNav messages={hoverMessages() ?? []} diff --git a/packages/ui/src/components/hover-card.css b/packages/ui/src/components/hover-card.css index f1172dfc7..77f652360 100644 --- a/packages/ui/src/components/hover-card.css +++ b/packages/ui/src/components/hover-card.css @@ -31,7 +31,7 @@ } [data-slot="hover-card-body"] { - padding: 12px; + padding: 4px; } } diff --git a/packages/ui/src/components/message-nav.css b/packages/ui/src/components/message-nav.css index 9c2116b90..b1454ad42 100644 --- a/packages/ui/src/components/message-nav.css +++ b/packages/ui/src/components/message-nav.css @@ -72,7 +72,7 @@ [data-slot="message-nav-title-preview"] { font-size: 14px; /* text-14-regular */ - color: var(--text-weak); + color: var(--text-base); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; |