Remove "None" text from empty goals and add padding to + Goal button
- When no goals are linked, just show the "+ Goal" button without displaying "None" text - Add left margin to the "+ Goal" button when goals exist above it for better visual spacing Co-Authored-By: Paperclip <noreply@paperclip.ing> Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -424,9 +424,7 @@ export function ProjectProperties({ project, onUpdate, onFieldUpdate, getFieldSa
|
|||||||
alignStart
|
alignStart
|
||||||
valueClassName="space-y-2"
|
valueClassName="space-y-2"
|
||||||
>
|
>
|
||||||
{linkedGoals.length === 0 ? (
|
{linkedGoals.length > 0 && (
|
||||||
<span className="text-sm text-muted-foreground">None</span>
|
|
||||||
) : (
|
|
||||||
<div className="flex flex-wrap gap-1.5">
|
<div className="flex flex-wrap gap-1.5">
|
||||||
{linkedGoals.map((goal) => (
|
{linkedGoals.map((goal) => (
|
||||||
<span
|
<span
|
||||||
@@ -456,7 +454,7 @@ export function ProjectProperties({ project, onUpdate, onFieldUpdate, getFieldSa
|
|||||||
<Button
|
<Button
|
||||||
variant="outline"
|
variant="outline"
|
||||||
size="xs"
|
size="xs"
|
||||||
className="h-6 w-fit px-2"
|
className={cn("h-6 w-fit px-2", linkedGoals.length > 0 && "ml-1")}
|
||||||
disabled={availableGoals.length === 0}
|
disabled={availableGoals.length === 0}
|
||||||
>
|
>
|
||||||
<Plus className="h-3 w-3 mr-1" />
|
<Plus className="h-3 w-3 mr-1" />
|
||||||
|
|||||||
Reference in New Issue
Block a user