External/roboco
1
0
Fork 0
mirror of https://github.com/rennf93/roboco.git synced 2026-08-03 07:23:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(panel): size the task-id chip and branch metadata to match their siblings

Browse Source 
The task-detail header id chip and the Branch metadata card both rendered at text-xs, visibly smaller than the neighbouring controls and cards. Bump both to text-sm, align the id chip's height with the adjacent status/team selects, and let the long branch name span two columns so it reads at the same size as the other metadata.
This commit is contained in:
Renn F
2026-06-21 09:41:09 +02:00
parent 0a1aa3e7a5
commit 4e4d25d8f9
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
panel/src/components/tasks/task-detail/task-header.tsx
+1 -1
View File
@@ -489,7 +489,7 @@ export function TaskHeader({ task, onAction }: TaskHeaderProps) {
shift a neighbor; the id is read-only and copies the FULL uuid. */} shift a neighbor; the id is read-only and copies the FULL uuid. */}
<div className="flex items-center gap-2 mt-1.5"> <div className="flex items-center gap-2 mt-1.5">
<span <span
className="inline-flex shrink-0 items-center gap-1 rounded-md border bg-muted/40 px-2 py-0.5 font-mono text-xs text-muted-foreground" className="inline-flex h-7 shrink-0 items-center gap-1 rounded-md border bg-muted/40 px-2.5 font-mono text-sm text-muted-foreground"
title={task.id} title={task.id}
> >
#{task.id.slice(0, 8)} #{task.id.slice(0, 8)}
panel/src/components/tasks/task-detail/task-metadata.tsx
+3 -3
View File
@@ -443,7 +443,7 @@ export function TaskMetadata({ task }: TaskMetadataProps) {
{/* Branch Name - read-only, but clickable (opens the branch on GitHub) {/* Branch Name - read-only, but clickable (opens the branch on GitHub)
and copyable. Same look as before; the link/copy are additive. */} and copyable. Same look as before; the link/copy are additive. */}
{task.branch_name && ( {task.branch_name && (
<Card> <Card className="col-span-2">
<CardContent className="pt-4"> <CardContent className="pt-4">
<div className="flex items-center gap-2 text-sm text-muted-foreground mb-1"> <div className="flex items-center gap-2 text-sm text-muted-foreground mb-1">
<GitBranch className="h-4 w-4" /> <GitBranch className="h-4 w-4" />
@@ -458,12 +458,12 @@ export function TaskMetadata({ task }: TaskMetadataProps) {
title="Open branch in GitHub" title="Open branch in GitHub"
className="inline-flex transition-opacity hover:opacity-80" className="inline-flex transition-opacity hover:opacity-80"
> >
<Badge variant="outline" className="font-mono text-xs"> <Badge variant="outline" className="font-mono text-sm">
{task.branch_name} {task.branch_name}
</Badge> </Badge>
</a> </a>
) : ( ) : (
<Badge variant="outline" className="font-mono text-xs"> <Badge variant="outline" className="font-mono text-sm">
{task.branch_name} {task.branch_name}
</Badge> </Badge>
)} )}