daonanchao/vibe-kanban
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: resize project script text (#604)

Browse Source 
* resize project script text and ensure consistent placeholder text styling

* remove placeholder styling from Input component
This commit is contained in:
Gabriel Gordon-Hall
2025-09-02 12:19:16 +01:00
committed by GitHub
parent ae17c34678
commit f83dbd4f30
4 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/projects/copy-files-field.tsx
View File

@@ -22,7 +22,7 @@ export function CopyFilesField({
placeholder="Start typing a file path... (.env, config.local.json, .local/settings.yml)"
rows={3}
disabled={disabled}
className="w-full px-3 py-2 border border-input bg-background text-foreground rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
className="w-full px-3 py-2 text-sm border border-input bg-background text-foreground disabled:opacity-50 rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
projectId={projectId}
maxRows={6}
/>
@@ -37,7 +37,7 @@ export function CopyFilesField({
placeholder=".env,config.local.json,.local/settings.yml"
rows={3}
disabled={disabled}
className="w-full px-3 py-2 border border-input bg-background text-foreground rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
className="w-full px-3 py-2 text-sm border border-input bg-background text-foreground rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
/>
);
}

6
frontend/src/components/projects/project-form-fields.tsx
View File

@@ -210,7 +210,7 @@ export function ProjectFormFields({
onChange={(e) => setSetupScript(e.target.value)}
placeholder={placeholders.setup}
rows={4}
className="w-full px-3 py-2 border border-input bg-background text-foreground rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
className="w-full px-3 py-2 text-sm border border-input bg-background text-foreground rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
/>
<p className="text-sm text-muted-foreground">
This script will run after creating the worktree and before the
@@ -227,7 +227,7 @@ export function ProjectFormFields({
onChange={(e) => setDevScript(e.target.value)}
placeholder={placeholders.dev}
rows={4}
className="w-full px-3 py-2 border border-input bg-background text-foreground rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
className="w-full px-3 py-2 text-sm border border-input bg-background text-foreground rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
/>
<p className="text-sm text-muted-foreground">
This script can be run from task attempts to start a development
@@ -244,7 +244,7 @@ export function ProjectFormFields({
onChange={(e) => setCleanupScript(e.target.value)}
placeholder={placeholders.cleanup}
rows={4}
className="w-full px-3 py-2 border border-input bg-background text-foreground rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
className="w-full px-3 py-2 text-sm border border-input bg-background text-foreground rounded-md resize-vertical focus:outline-none focus:ring-2 focus:ring-ring"
/>
<p className="text-sm text-muted-foreground">
This script runs after coding agent execution{' '}

2
frontend/src/components/ui/auto-expanding-textarea.tsx
View File

@@ -55,7 +55,7 @@ const AutoExpandingTextarea = React.forwardRef<
return (
<textarea
className={cn(
'bg-muted p-0 min-h-[80px] w-full text-sm placeholder:text-muted-foreground outline-none disabled:cursor-not-allowed disabled:opacity-50 resize-none overflow-y-auto',
'bg-muted p-0 min-h-[80px] w-full text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50 resize-none overflow-y-auto',
className
)}
ref={textareaRef}

2
frontend/src/components/ui/input.tsx
View File

@@ -11,7 +11,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
<input
type={type}
className={cn(
'flex h-10 w-full border px-3 py-2 text-sm ring-offset-background file:border-0 bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',
'flex h-10 w-full border px-3 py-2 text-sm ring-offset-background file:border-0 bg-transparent file:text-sm file:font-medium focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',
className
)}
ref={ref}