fix style

ademilter · ademilter · commit ca7854519354 · 2024-11-12T23:54:52.000+03:00
diff --git a/index.html b/index.html
@@ -6,7 +6,7 @@
     <title>Databrowser Playground</title>
   </head>
   <body>
-    <div id="root" style="height: 100vh"></div>
+    <div id="root"></div>
     <script src="/src/playground.tsx" type="module"></script>
   </body>
 </html>
diff --git a/src/components/databrowser/index.tsx b/src/components/databrowser/index.tsx
@@ -23,7 +23,7 @@ export const RedisBrowser = ({ token, url }: RedisCredentials) => {
         <DatabrowserProvider redisCredentials={credentials}>
           <KeysProvider>
             {/* ups-db is the custom class used to prefix every style in the css bundle */}
-            <div className="ups-db">
+            <div className="ups-db" style={{height:"100%"}}>
               <PanelGroup
                 autoSaveId="persistence"
                 direction="horizontal"
diff --git a/src/playground.tsx b/src/playground.tsx
@@ -3,7 +3,15 @@ import ReactDOM from "react-dom/client"
 import { RedisBrowser } from "@/components/databrowser"
 
 ReactDOM.createRoot(document.querySelector("#root")!).render(
-  <main className="mx-auto flex h-[600px] max-h-full max-w-screen-lg items-center justify-center p-10">
+    <main
+        style={{
+          height: "500px",
+          width: "100vw",
+          maxWidth: "900px",
+          margin: "auto 0",
+          padding: "20px",
+        }}
+    >
     <RedisBrowser
       token={process.env.NEXT_PUBLIC_UPSTASH_REDIS_REST_TOKEN}
       url={process.env.NEXT_PUBLIC_UPSTASH_REDIS_REST_URL}
