si/iistwin
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix(TaskDetail): inline editors horizontal alignment

Browse Source 
- inputClass: w-full → w-auto (prevents input from wrapping below label)
- textareaClass: flex-1 → w-auto min-w-[200px]
- Increases max-w from 280px to 320px for longer values
- Fixes text/select inputs appearing on new line instead of inline with label
This commit is contained in:
iisultanov
2026-07-15 22:22:47 +03:00
parent c4421702b8
commit c76649b79f
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/pages/TaskDetail.tsx
View File

@@ -952,11 +952,11 @@ function FieldValueRow({
// Рендер редактора по типу поля // Рендер редактора по типу поля
const renderEditor = () => { const renderEditor = () => {
const inputClass = cn( const inputClass = cn(
'border border-input rounded px-1.5 text-sm bg-background focus:outline-none focus:ring-1 focus:ring-ring w-full max-w-[280px] h-7 leading-6', 'border border-input rounded px-1.5 text-sm bg-background focus:outline-none focus:ring-1 focus:ring-ring w-auto max-w-[320px] h-7 leading-6',
errorMessage && 'border-destructive ring-destructive' errorMessage && 'border-destructive ring-destructive'
); );
const textareaClass = cn( const textareaClass = cn(
'border border-input rounded px-1.5 py-0.5 text-sm bg-background focus:outline-none focus:ring-1 focus:ring-ring flex-1 min-w-0', 'border border-input rounded px-1.5 py-0.5 text-sm bg-background focus:outline-none focus:ring-1 focus:ring-ring w-auto min-w-[200px]',
errorMessage && 'border-destructive ring-destructive' errorMessage && 'border-destructive ring-destructive'
); );
if (field.type === 'text' || field.type === 'number') { if (field.type === 'text' || field.type === 'number') {