chore: fix mobile styling for match option mode (#76)

lukepolo · web-flow · commit ea805b0eeb0f · 2025-04-07T09:42:28.000-04:00
diff --git a/components/MatchOptions.vue b/components/MatchOptions.vue
@@ -33,7 +33,7 @@ import FiveStackToolTip from "./FiveStackToolTip.vue";
               <FormLabel class="text-lg font-semibold">Match Type</FormLabel>
               <RadioGroup
                 v-bind="componentField"
-                class="grid grid-cols-2 gap-4 w-full"
+                class="grid grid-cols-1 md:grid-cols-3 gap-4 w-full"
               >
                 <div
                   v-for="type in e_match_types"

Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@ import FiveStackToolTip from "./FiveStackToolTip.vue";`
`33`	`33`	`<FormLabel class="text-lg font-semibold">Match Type</FormLabel>`
`34`	`34`	`<RadioGroup`
`35`	`35`	`v-bind="componentField"`
`36`		`- class="grid grid-cols-2 gap-4 w-full"`
	`36`	`+ class="grid grid-cols-1 md:grid-cols-3 gap-4 w-full"`
`37`	`37`	`>`
`38`	`38`	`<div`
`39`	`39`	`v-for="type in e_match_types"`