Madhura68
479a502dfd
Eén edit op de gedeelde constant dekt PbiDialog, StoryDialog, TaskDialog, TaskDetailDialog (allen renderen DialogContent met dezelfde className). Toegevoegd: max-sm:w-screen max-sm:h-screen max-sm:max-h-screen max-sm:max-w-none max-sm:rounded-none. Desktop-classes (sm:max-w-[90vw], lg:max-w-[50vw]) blijven onveranderd. Tests: smoke op constant + regressie-vangnet dat de 4 entity-dialogen entityDialogContentClasses blijven gebruiken. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
17 lines
648 B
TypeScript
17 lines
648 B
TypeScript
import { cn } from '@/lib/utils'
|
|
|
|
export const entityDialogContentClasses = cn(
|
|
'flex flex-col p-0 gap-0',
|
|
'max-h-[90vh] w-full max-w-[calc(100%-2rem)]',
|
|
'max-sm:w-screen max-sm:h-screen max-sm:max-h-screen max-sm:max-w-none max-sm:rounded-none',
|
|
'sm:max-w-[90vw] sm:max-h-[85vh]',
|
|
'lg:max-w-[50vw] lg:min-w-[480px]',
|
|
)
|
|
|
|
export const entityDialogHeaderClasses =
|
|
'flex items-center justify-between px-6 pt-5 pb-4 border-b border-outline-variant shrink-0'
|
|
|
|
export const entityDialogBodyClasses = 'flex-1 overflow-y-auto px-6 py-6 space-y-6'
|
|
|
|
export const entityDialogFooterClasses =
|
|
'border-t border-outline-variant px-6 py-4 shrink-0'
|