QuentinHsu
9ba251ce5f
* perf(data-table): autosize action columns - exclude actions columns from shared table width calculations so action cells size to their content. - remove fixed size and w-* width overrides from feature action columns to preserve content-based layout. * perf(data-table): streamline row action controls - expose common edit and status actions directly while moving secondary actions into overflow menus. - add shared row action menu helpers so static and table rows use consistent action controls. - let action columns size to their content instead of relying on fixed widths. * fix(web): localize destructive dialog copy - route delete, reset, and batch update confirmation text through i18n. - add locale entries for affected channel, model, system settings, and user dialogs. * perf(web): unify destructive dialog actions - align delete and cleanup confirmation buttons with the shared destructive variant. - replace custom destructive color overrides with semantic button variants. - clean up lint errors in touched dialog files before committing. * fix(web): add user action success translations - add localized success messages for user delete, status, and role changes. - keep user management toast copy available across all frontend locales. * fix(data-table): prevent mobile badge clipping - expose badge cell slots so mobile card styles can target nested badge wrappers. - reset badge margins in card rows to keep provider icons fully visible on small screens.
23 lines
488 B
TypeScript
Vendored
23 lines
488 B
TypeScript
Vendored
import { cn } from '@/lib/utils'
|
|
import { TruncatedCell } from '@/components/data-table/core/truncated-cell'
|
|
|
|
interface TruncatedTextProps {
|
|
text: string
|
|
className?: string
|
|
maxWidth?: string
|
|
side?: 'top' | 'bottom' | 'left' | 'right'
|
|
}
|
|
|
|
export function TruncatedText({
|
|
text,
|
|
className,
|
|
maxWidth = 'max-w-[200px]',
|
|
side = 'top',
|
|
}: TruncatedTextProps) {
|
|
return (
|
|
<TruncatedCell className={cn(maxWidth, className)} side={side}>
|
|
{text}
|
|
</TruncatedCell>
|
|
)
|
|
}
|