mirror of
https://github.com/alkimake/paperclip.git
synced 2026-06-18 03:30:39 +09:00
fix: add gap between labels and values in all properties panes
Add gap-3 to PropertyRow flex containers so labels don't touch their values. Also add shrink-0 on labels and min-w-0 on value containers to prevent overflow issues. Applied to: IssueProperties, AgentProperties, GoalProperties, ProjectProperties. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
3a7afe7b66
commit
7f382ce568
4 changed files with 121 additions and 17 deletions
|
|
@ -23,9 +23,9 @@ const adapterLabels: Record<string, string> = {
|
|||
|
||||
function PropertyRow({ label, children }: { label: string; children: React.ReactNode }) {
|
||||
return (
|
||||
<div className="flex items-center justify-between py-1.5">
|
||||
<span className="text-xs text-muted-foreground">{label}</span>
|
||||
<div className="flex items-center gap-1.5">{children}</div>
|
||||
<div className="flex items-center justify-between gap-3 py-1.5">
|
||||
<span className="text-xs text-muted-foreground shrink-0">{label}</span>
|
||||
<div className="flex items-center gap-1.5 min-w-0">{children}</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue