From 1f4a2a9dcffd2a9e14bd391124c41d6203d0ef6f Mon Sep 17 00:00:00 2001
From: Yash Sehgal <yashsehgal.work@gmail.com>
Date: Sun, 17 Mar 2024 13:07:46 +0530
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Improve=20component=20preview=20?=
 =?UTF-8?q?and=20block=20bg?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/website/component-block.tsx   | 2 +-
 components/website/component-preview.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/website/component-block.tsx b/components/website/component-block.tsx
index 32cd838..dd1c9f4 100644
--- a/components/website/component-block.tsx
+++ b/components/website/component-block.tsx
@@ -46,7 +46,7 @@ export const ComponentBlock = forwardRef<HTMLDivElement, ComponentBlockProps>(
         }}
         onClick={() => posthog.capture(componentName)}>
         <Link href={componentPath}>
-          <div className="h-[180px] w-full rounded-xl flex flex-row items-center justify-center bg-white/10">
+          <div className="h-[180px] w-full rounded-xl flex flex-row items-center justify-center bg-neutral-900 shadow-inner border-neutral-800 select-none">
             {componentRender}
           </div>
           <div className={cn('component-details-wrapper mt-4')}>
diff --git a/components/website/component-preview.tsx b/components/website/component-preview.tsx
index 669363c..b9a4a79 100644
--- a/components/website/component-preview.tsx
+++ b/components/website/component-preview.tsx
@@ -27,7 +27,7 @@ export const ComponentPreview = forwardRef<
       <div
         ref={ref}
         className={cn(
-          'component-preview mt-6 py-4 min-h-[400px] justify-center border border-neutral-700 bg-white/10 rounded-2xl flex flex-row items-center relative w-full',
+          'component-preview mt-6 py-4 min-h-[400px] justify-center border border-neutral-700 bg-white/10 rounded-2xl flex flex-row items-center relative w-full backdrop-blur-sm',
           className,
         )}
         {...args}>