B: Fix buttons layout

This commit is contained in:
Ivan 2025-03-04 12:23:41 +03:00
parent ac3dae7c81
commit ad3891ac66
2 changed files with 2 additions and 2 deletions

View File

@ -40,7 +40,7 @@ export function SelectWordForm({ value, onChange, className, ...restProps }: Sel
}
return (
<div className={clsx('text-xs sm:text-sm', className)} {...restProps}>
<div className={clsx('text-xs sm:text-sm grid grid-cols-6', className)} {...restProps}>
{DefaultWordForms.slice(0, 12).map((data, index) => (
<WordformButton
key={`${prefixes.wordform_list}${index}`}

View File

@ -17,7 +17,7 @@ export function WordformButton({ text, example, grams, onSelectGrams, isSelected
tabIndex={-1}
onClick={() => onSelectGrams([...grams])}
className={clsx(
'min-w-[4.15rem] sm:min-w-[6.15rem]',
'min-w-[3.75rem] sm:min-w-[5.5rem]',
'p-1',
'border rounded-none',
'cursor-pointer',