From 5f9d8f205925d9eefcb3ee210fffe72781188e44 Mon Sep 17 00:00:00 2001
From: Hasan Yahya <hasna786yahya@gmail.com>
Date: Mon, 1 Jul 2024 00:39:48 +0500
Subject: [PATCH] refactor: Improve image display and functionality in
 Playground component

---
 src/components/component/playground.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/component/playground.jsx b/src/components/component/playground.jsx
index b42f6f6..c4336da 100644
--- a/src/components/component/playground.jsx
+++ b/src/components/component/playground.jsx
@@ -268,7 +268,9 @@ export function Playground() {
                 className="flex flex-col items-center justify-center p-4 h-screen bg-gray-100 dark:bg-gray-950 ">
                 <Toaster />
                 <div
-                    className="max-w-3xl w-full bg-white dark:bg-gray-900 rounded-lg shadow-lg overflow-hidden">
+                    className="max-w-3xl w-full bg-white dark:bg-gray-900 rounded-lg shadow-lg overflow-hidden"
+                    style={{ minHeight: "300px", minWidth: "700px" }}
+                >
                     <div className="grid grid-cols-2 gap-6 p-6">
                         <div className="relative flex justify-center items-center h-full">
                             <img