From 397ff451c761b5efd1ea90745477254784e397aa Mon Sep 17 00:00:00 2001
From: chronark <dev@chronark.com>
Date: Tue, 26 Mar 2024 19:59:10 +0100
Subject: [PATCH] feat: make playgorund responsibe

---
 apps/web/app/ratelimit/page.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/apps/web/app/ratelimit/page.tsx b/apps/web/app/ratelimit/page.tsx
index 1f3b912159..705c2a0f3e 100644
--- a/apps/web/app/ratelimit/page.tsx
+++ b/apps/web/app/ratelimit/page.tsx
@@ -101,7 +101,6 @@ export default function RatelimitPage() {
     }).finally(() => setResetting(false));
     setData([]);
   }
-  console.log(data);
   const chartData = React.useMemo(() => {
     return data.filter(Boolean).flatMap((d) => [
       {
@@ -174,8 +173,8 @@ export default function RatelimitPage() {
         </div>
         <div>
           {data.length > 0 ? (
-            <div className="flex gap-4">
-              <div className="flex flex-col w-1/2 gap-4">
+            <div className="flex flex-col-reverse gap-4 sm:flex-row">
+              <div className="flex flex-col gap-4 sm:w-1/2">
                 <Card>
                   <CardHeader>
                     <CardTitle>Unkey Async</CardTitle>
@@ -253,7 +252,7 @@ export default function RatelimitPage() {
                   </CardContent>
                 </Card>
               </div>
-              <Card className="w-1/2">
+              <Card className="w-full sm:w-1/2">
                 <CardHeader>
                   <CardTitle>Ratelimit latency (lower is better)</CardTitle>
                 </CardHeader>