Make RadioGroup space be evenly split among all radios

acelaya · acelaya · commit affe7f1cc684 · 2024-09-04T13:39:26.000+02:00
diff --git a/src/components/input/RadioGroup.tsx b/src/components/input/RadioGroup.tsx
@@ -42,7 +42,7 @@ function Radio<T extends RadioValue>({
       aria-checked={isSelected}
       aria-disabled={disabled}
       className={classnames(
-        'focus-visible-ring rounded-lg px-3 py-2 grow group',
+        'focus-visible-ring rounded-lg px-3 py-2 flex-1 group',
         {
           'bg-grey-3/50': isSelected,
           'hover:bg-grey-3/25': !isSelected && !disabled,

Original file line number	Diff line number	Diff line change
`@@ -42,7 +42,7 @@ function Radio<T extends RadioValue>({`
`42`	`42`	`aria-checked={isSelected}`
`43`	`43`	`aria-disabled={disabled}`
`44`	`44`	`className={classnames(`
`45`		`- 'focus-visible-ring rounded-lg px-3 py-2 grow group',`
	`45`	`+ 'focus-visible-ring rounded-lg px-3 py-2 flex-1 group',`
`46`	`46`	`{`
`47`	`47`	`'bg-grey-3/50': isSelected,`
`48`	`48`	`'hover:bg-grey-3/25': !isSelected && !disabled,`