feat(config): three columns on small screen device, five on larger

MetaCubeX · Sep 21, 2023 · f4e82e0 · f4e82e0
1 parent 840785b
commit f4e82e0
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/pages/Config.tsx b/src/pages/Config.tsx
@@ -197,7 +197,7 @@ const ConfigForm = () => {
         <option value={MODE_OPTIONS.Direct}>{t('direct')}</option>
       </select>
 
-      <form class="grid grid-cols-2 gap-2" use:form={form}>
+      <form class="grid grid-cols-3 gap-2 sm:grid-cols-5" use:form={form}>
         <For each={portList}>
           {(item) => (
             <div class="form-control">