diff --git a/app/components/elements/ChipRadio.module.css b/app/components/elements/ChipRadio.module.css index 7618eb9a0..069b3aa13 100644 --- a/app/components/elements/ChipRadio.module.css +++ b/app/components/elements/ChipRadio.module.css @@ -7,6 +7,11 @@ flex-direction: column; align-items: stretch; } + + &[data-wrap="true"] { + flex-wrap: wrap; + width: auto; + } } .label { diff --git a/app/components/elements/ChipRadio.tsx b/app/components/elements/ChipRadio.tsx index b2ff38162..e2b21bdfc 100644 --- a/app/components/elements/ChipRadio.tsx +++ b/app/components/elements/ChipRadio.tsx @@ -3,6 +3,7 @@ import styles from "./ChipRadio.module.css"; interface SendouChipRadioGroupProps { children: React.ReactNode; orientation?: "horizontal" | "vertical"; + wrap?: boolean; className?: string; } @@ -17,12 +18,14 @@ interface SendouChipRadioProps { export function SendouChipRadioGroup({ children, orientation = "horizontal", + wrap = false, className, }: SendouChipRadioGroupProps) { return (
{children} diff --git a/app/features/tournament-admin/components/ExportDialog.tsx b/app/features/tournament-admin/components/ExportDialog.tsx index 00ff510b0..306de7bb7 100644 --- a/app/features/tournament-admin/components/ExportDialog.tsx +++ b/app/features/tournament-admin/components/ExportDialog.tsx @@ -222,7 +222,7 @@ function RadioRow({ return (
{label}
- + {options.map((option) => (