rayan/shadcn-ui
1
0
Fork 0
mirror of https://github.com/shadcn-ui/ui.git synced 2026-07-07 22:18:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: lint

Browse Source
This commit is contained in:
shadcn
2024-10-17 16:33:34 +04:00
parent 0e6b37e99a
commit 3b808c83be
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/www/components/block-preview.tsx
View File

@@ -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" />

4
apps/www/components/block-toolbar.tsx
View File

@@ -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"

6
apps/www/components/component-preview.tsx
View File

@@ -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"