From 3b808c83bea83068fa9095a6b015c15d23a2b385 Mon Sep 17 00:00:00 2001
From: shadcn <m@shadcn.com>
Date: Thu, 17 Oct 2024 16:33:34 +0400
Subject: [PATCH] fix: lint

---
 apps/www/components/block-preview.tsx     | 8 ++++----
 apps/www/components/block-toolbar.tsx     | 4 ++--
 apps/www/components/component-preview.tsx | 6 +++---
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/www/components/block-preview.tsx b/apps/www/components/block-preview.tsx
index e3d0b1da1b..a1227611e2 100644
--- a/apps/www/components/block-preview.tsx
+++ b/apps/www/components/block-preview.tsx
@@ -33,7 +33,7 @@ export function BlockPreview({
       <ResizablePanelGroup direction="horizontal" className="relative z-10">
         <ResizablePanel
           ref={ref}
-          className="relative aspect-[4/2.5] md:aspect-auto rounded-lg border bg-background"
+          className="relative aspect-[4/2.5] rounded-lg border bg-background md:aspect-auto"
           defaultSize={100}
           minSize={30}
         >
@@ -43,19 +43,19 @@ export function BlockPreview({
             data-block={block.name}
             width={1440}
             height={900}
-            className="bg-background absolute top-0 left-0 w-[970px] sm:w-[1280px] z-20 max-w-none dark:hidden md:dark:hidden md:hidden data-[block=sidebar-10]:right-0 data-[block=sidebar-10]:left-auto data-[block=sidebar-11]:-top-1/2 data-[block=sidebar-13]:max-w-full data-[block=sidebar-14]:right-0 data-[block=sidebar-14]:left-auto data-[block=sidebar-15]:max-w-full data-[block=login-01]:max-w-full"
+            className="absolute left-0 top-0 z-20 w-[970px] max-w-none bg-background data-[block=sidebar-10]:left-auto data-[block=sidebar-10]:right-0 data-[block=sidebar-11]:-top-1/2 data-[block=sidebar-14]:left-auto data-[block=sidebar-14]:right-0 data-[block=login-01]:max-w-full data-[block=sidebar-13]:max-w-full data-[block=sidebar-15]:max-w-full dark:hidden sm:w-[1280px] md:hidden md:dark:hidden"
           />
           <Image
             src={`/images/blocks/${block.name}-dark.png`}
             alt={block.name}
             width={1440}
             height={900}
-            className="bg-background z-20 hidden dark:block md:dark:hidden md:hidden"
+            className="z-20 hidden bg-background dark:block md:hidden md:dark:hidden"
           />
           <iframe
             src={`/blocks/${block.style}/${block.name}`}
             height={block.container?.height ?? 450}
-            className="chunk-mode relative hidden md:block z-20 w-full bg-background"
+            className="chunk-mode relative z-20 hidden w-full bg-background md:block"
           />
         </ResizablePanel>
         <ResizableHandle className="relative hidden w-3 bg-transparent p-0 after:absolute after:right-0 after:top-1/2 after:h-8 after:w-[6px] after:-translate-y-1/2 after:translate-x-[-1px] after:rounded-full after:bg-border after:transition-all after:hover:h-10 sm:block" />
diff --git a/apps/www/components/block-toolbar.tsx b/apps/www/components/block-toolbar.tsx
index e328dd9060..459f11e243 100644
--- a/apps/www/components/block-toolbar.tsx
+++ b/apps/www/components/block-toolbar.tsx
@@ -33,10 +33,10 @@ export function BlockToolbar({
 
   return (
     <div className="flex items-center gap-2 md:gap-4">
-      <Button asChild variant="link" className="px-1 whitespace-normal md:px-2">
+      <Button asChild variant="link" className="whitespace-normal px-1 md:px-2">
         <a href={`#${block.name}`}>{block.description}</a>
       </Button>
-      <div className="ml-auto hidden md:flex items-center gap-2 md:pr-[14px]">
+      <div className="ml-auto hidden items-center gap-2 md:flex md:pr-[14px]">
         <Button
           variant="ghost"
           className="h-7 rounded-md border bg-muted shadow-none"
diff --git a/apps/www/components/component-preview.tsx b/apps/www/components/component-preview.tsx
index d5aba725b4..0d0a838ddb 100644
--- a/apps/www/components/component-preview.tsx
+++ b/apps/www/components/component-preview.tsx
@@ -84,16 +84,16 @@ export function ComponentPreview({
           alt={name}
           width={1440}
           height={900}
-          className="absolute top-0 left-0 w-[970px] sm:w-[1280px] bg-background z-20 max-w-none md:hidden dark:hidden md:dark:hidden"
+          className="absolute left-0 top-0 z-20 w-[970px] max-w-none bg-background dark:hidden sm:w-[1280px] md:hidden md:dark:hidden"
         />
         <Image
           src={`/images/blocks/${name}-dark.png`}
           alt={name}
           width={1440}
           height={900}
-          className="absolute top-0 hidden dark:block left-0 w-[970px] sm:w-[1280px] bg-background z-20 max-w-none md:hidden md:dark:hidden"
+          className="absolute left-0 top-0 z-20 hidden w-[970px] max-w-none bg-background dark:block sm:w-[1280px] md:hidden md:dark:hidden"
         />
-        <div className="absolute hidden md:block inset-0 w-[1600px] bg-background">
+        <div className="absolute inset-0 hidden w-[1600px] bg-background md:block">
           <iframe
             src={`/blocks/${config.style}/${name}`}
             className="size-full"