refactor: Update Playground component with improved color selection f…

…unctionality and tooltips for switching color formats
HasanYahya101 · Aug 24, 2024 · 53f2a98 · 53f2a98
1 parent 74338e9
commit 53f2a98
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/component/playground.jsx b/src/components/component/playground.jsx
@@ -418,11 +418,11 @@ export function Playground() {
                 </DropdownMenu>
                 <ContextMenuTrigger>
                     <div
-                        className="flex flex-col items-center justify-center p-4 h-screen bg-gray-100 dark:bg-black ">
+                        className="flex flex-col items-center justify-center p-4 h-screen bg-gray-100 dark:bg-gray-950 ">
                         <Toaster theme={useTheme().theme}
                         />
                         <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 dark:border"
                             style={{ minHeight: "300px", minWidth: "700px" }}
                         >
                             <div className="grid grid-cols-2 gap-6 p-6">