From f4e82e0e270ff1cc6ec5ad0cec04cda807febcfa Mon Sep 17 00:00:00 2001
From: kunish <kunish.butt@gmail.com>
Date: Thu, 21 Sep 2023 22:57:33 +0800
Subject: [PATCH] feat(config): three columns on small screen device, five on
 larger

---
 src/pages/Config.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Config.tsx b/src/pages/Config.tsx
index fbc7c8e..7d2a7ed 100644
--- 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">