summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorAdam <[email protected]>2026-03-05 07:00:17 -0600
committerAdam <[email protected]>2026-03-05 07:00:21 -0600
commit5f40bd42f844c35b8bfb695fbda20a8ec01f127e (patch)
tree60708179c2e8485db867cb484340f771ae82ffe9
parent0e5edef51eacc132e8f05d3c12a39bac7ec7855f (diff)
downloadopencode-5f40bd42f844c35b8bfb695fbda20a8ec01f127e.tar.gz
opencode-5f40bd42f844c35b8bfb695fbda20a8ec01f127e.zip
fix(app): icon jiggle
-rw-r--r--packages/app/src/components/session/session-new-view.tsx18
1 files changed, 9 insertions, 9 deletions
diff --git a/packages/app/src/components/session/session-new-view.tsx b/packages/app/src/components/session/session-new-view.tsx
index b7a544ba9..79a20430e 100644
--- a/packages/app/src/components/session/session-new-view.tsx
+++ b/packages/app/src/components/session/session-new-view.tsx
@@ -51,22 +51,22 @@ export function NewSessionView(props: NewSessionViewProps) {
return (
<div class={ROOT_CLASS}>
<div class="text-20-medium text-text-weaker">{language.t("command.session.new")}</div>
- <div class="flex justify-center items-center gap-3">
- <Icon name="folder" size="small" />
- <div class="text-12-medium text-text-weak select-text">
+ <div class="flex justify-center items-start gap-3 min-h-5">
+ <Icon name="folder" size="small" class="mt-0.5 shrink-0" />
+ <div class="text-12-medium text-text-weak select-text leading-5">
{getDirectory(projectRoot())}
<span class="text-text-strong">{getFilename(projectRoot())}</span>
</div>
</div>
- <div class="flex justify-center items-center gap-1">
- <Icon name="branch" size="small" />
- <div class="text-12-medium text-text-weak select-text ml-2">{label(current())}</div>
+ <div class="flex justify-center items-start gap-3 min-h-5">
+ <Icon name="branch" size="small" class="mt-0.5 shrink-0" />
+ <div class="text-12-medium text-text-weak select-text leading-5">{label(current())}</div>
</div>
<Show when={sync.project}>
{(project) => (
- <div class="flex justify-center items-center gap-3">
- <Icon name="pencil-line" size="small" />
- <div class="text-12-medium text-text-weak">
+ <div class="flex justify-center items-start gap-3 min-h-5">
+ <Icon name="pencil-line" size="small" class="mt-0.5 shrink-0" />
+ <div class="text-12-medium text-text-weak leading-5">
{language.t("session.new.lastModified")}&nbsp;
<span class="text-text-strong">
{DateTime.fromMillis(project().time.updated ?? project().time.created)