💄 Improve component preview and block bg

with-tw · Mar 17, 2024 · 1f4a2a9 · 1f4a2a9
1 parent 28579d3
commit 1f4a2a9
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -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}>