From 54e5e1fc2407eff607b6225a957a13258164584c Mon Sep 17 00:00:00 2001
From: kunish <kunish.butt@gmail.com>
Date: Mon, 28 Aug 2023 00:51:10 +0800
Subject: [PATCH] feat: update proxies page layout

---
 src/pages/Proxies.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/Proxies.tsx b/src/pages/Proxies.tsx
index a6633f4..a979458 100644
--- a/src/pages/Proxies.tsx
+++ b/src/pages/Proxies.tsx
@@ -22,11 +22,11 @@ export const Proxies = () => {
   })
 
   return (
-    <div class="flex flex-col">
+    <div class="flex flex-col gap-4">
       <div>
-        <h1 class="py-4 text-lg font-semibold">Proxies</h1>
+        <h1 class="pb-4 text-lg font-semibold">Proxies</h1>
 
-        <div class="grid grid-cols-4 gap-2">
+        <div class="grid grid-cols-2 gap-2 sm:grid-cols-4">
           <For each={proxies()}>
             {(proxy) => (
               <div class="card card-bordered card-compact border-secondary p-4">
@@ -38,9 +38,9 @@ export const Proxies = () => {
       </div>
 
       <div>
-        <h1 class="py-4 text-lg font-semibold">Proxy Providers</h1>
+        <h1 class="pb-4 text-lg font-semibold">Proxy Providers</h1>
 
-        <div class="grid grid-cols-4 gap-2">
+        <div class="grid grid-cols-2 gap-2 sm:grid-cols-4">
           <For each={proxyProviders()}>
             {(proxy) => (
               <div class="card card-bordered card-compact border-secondary p-4">