chore: update blocks metadata
This commit is contained in:
zernonia
parent
d868c9fd48
commit
4f9a5af907
|
|
@ -1,6 +1,6 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
export const description = 'A order tracking page. The order page has a sidebar navigation and a main content area.'
|
export const description = 'An orders dashboard with a sidebar navigation. The sidebar has icon navigation. The content area has a breadcrumb and search in the header. The main area has a list of recent orders with a filter and export button. The main area also has a detailed view of a single order with order details, shipping information, billing information, customer information, and payment information.'
|
||||||
export const iframeHeight = '780px'
|
export const iframeHeight = '1112px'
|
||||||
export const containerClass = 'w-full h-full'
|
export const containerClass = 'w-full h-full'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
@ -23,10 +23,10 @@ import {
|
||||||
Settings,
|
Settings,
|
||||||
ShoppingCart,
|
ShoppingCart,
|
||||||
Truck,
|
Truck,
|
||||||
Users2
|
Users2,
|
||||||
} from 'lucide-vue-next'
|
} from 'lucide-vue-next'
|
||||||
|
|
||||||
import { Badge } from "@/lib/registry/default/ui/badge"
|
import { Badge } from '@/lib/registry/default/ui/badge'
|
||||||
import { Button } from '@/lib/registry/default/ui/button'
|
import { Button } from '@/lib/registry/default/ui/button'
|
||||||
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/lib/registry/default/ui/card'
|
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/lib/registry/default/ui/card'
|
||||||
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from '@/lib/registry/default/ui/dropdown-menu'
|
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from '@/lib/registry/default/ui/dropdown-menu'
|
||||||
|
|
@ -38,7 +38,7 @@ import {
|
||||||
BreadcrumbList,
|
BreadcrumbList,
|
||||||
BreadcrumbPage,
|
BreadcrumbPage,
|
||||||
BreadcrumbSeparator,
|
BreadcrumbSeparator,
|
||||||
} from "@/lib/registry/default/ui/breadcrumb"
|
} from '@/lib/registry/default/ui/breadcrumb'
|
||||||
import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet'
|
import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet'
|
||||||
import {
|
import {
|
||||||
Pagination,
|
Pagination,
|
||||||
|
|
@ -49,9 +49,9 @@ import {
|
||||||
PaginationListItem,
|
PaginationListItem,
|
||||||
PaginationNext,
|
PaginationNext,
|
||||||
PaginationPrev,
|
PaginationPrev,
|
||||||
} from "@/lib/registry/default/ui/pagination"
|
} from '@/lib/registry/default/ui/pagination'
|
||||||
import { Progress } from "@/lib/registry/default/ui/progress"
|
import { Progress } from '@/lib/registry/default/ui/progress'
|
||||||
import { Separator } from "@/lib/registry/default/ui/separator"
|
import { Separator } from '@/lib/registry/default/ui/separator'
|
||||||
import {
|
import {
|
||||||
Table,
|
Table,
|
||||||
TableBody,
|
TableBody,
|
||||||
|
|
@ -59,18 +59,18 @@ import {
|
||||||
TableHead,
|
TableHead,
|
||||||
TableHeader,
|
TableHeader,
|
||||||
TableRow,
|
TableRow,
|
||||||
} from "@/lib/registry/default/ui/table"
|
} from '@/lib/registry/default/ui/table'
|
||||||
import {
|
import {
|
||||||
Tabs,
|
Tabs,
|
||||||
TabsContent,
|
TabsContent,
|
||||||
TabsList,
|
TabsList,
|
||||||
TabsTrigger,
|
TabsTrigger,
|
||||||
} from "@/lib/registry/default/ui/tabs"
|
} from '@/lib/registry/default/ui/tabs'
|
||||||
import {
|
import {
|
||||||
Tooltip,
|
Tooltip,
|
||||||
TooltipContent,
|
TooltipContent,
|
||||||
TooltipTrigger,
|
TooltipTrigger,
|
||||||
} from "@/lib/registry/default/ui/tooltip"
|
} from '@/lib/registry/default/ui/tooltip'
|
||||||
import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
@ -95,7 +95,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
<span class="sr-only">Dashboard</span>
|
<span class="sr-only">Dashboard</span>
|
||||||
</a>
|
</a>
|
||||||
</TooltipTrigger>
|
</TooltipTrigger>
|
||||||
<TooltipContent side="right">Dashboard</TooltipContent>
|
<TooltipContent side="right">
|
||||||
|
Dashboard
|
||||||
|
</TooltipContent>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
<Tooltip>
|
<Tooltip>
|
||||||
<TooltipTrigger as-child>
|
<TooltipTrigger as-child>
|
||||||
|
|
@ -107,7 +109,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
<span class="sr-only">Orders</span>
|
<span class="sr-only">Orders</span>
|
||||||
</a>
|
</a>
|
||||||
</TooltipTrigger>
|
</TooltipTrigger>
|
||||||
<TooltipContent side="right">Orders</TooltipContent>
|
<TooltipContent side="right">
|
||||||
|
Orders
|
||||||
|
</TooltipContent>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
<Tooltip>
|
<Tooltip>
|
||||||
<TooltipTrigger as-child>
|
<TooltipTrigger as-child>
|
||||||
|
|
@ -119,7 +123,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
<span class="sr-only">Products</span>
|
<span class="sr-only">Products</span>
|
||||||
</a>
|
</a>
|
||||||
</TooltipTrigger>
|
</TooltipTrigger>
|
||||||
<TooltipContent side="right">Products</TooltipContent>
|
<TooltipContent side="right">
|
||||||
|
Products
|
||||||
|
</TooltipContent>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
<Tooltip>
|
<Tooltip>
|
||||||
<TooltipTrigger as-child>
|
<TooltipTrigger as-child>
|
||||||
|
|
@ -131,7 +137,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
<span class="sr-only">Customers</span>
|
<span class="sr-only">Customers</span>
|
||||||
</a>
|
</a>
|
||||||
</TooltipTrigger>
|
</TooltipTrigger>
|
||||||
<TooltipContent side="right">Customers</TooltipContent>
|
<TooltipContent side="right">
|
||||||
|
Customers
|
||||||
|
</TooltipContent>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
<Tooltip>
|
<Tooltip>
|
||||||
<TooltipTrigger as-child>
|
<TooltipTrigger as-child>
|
||||||
|
|
@ -143,7 +151,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
<span class="sr-only">Analytics</span>
|
<span class="sr-only">Analytics</span>
|
||||||
</a>
|
</a>
|
||||||
</TooltipTrigger>
|
</TooltipTrigger>
|
||||||
<TooltipContent side="right">Analytics</TooltipContent>
|
<TooltipContent side="right">
|
||||||
|
Analytics
|
||||||
|
</TooltipContent>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
</nav>
|
</nav>
|
||||||
<nav class="mt-auto flex flex-col items-center gap-4 px-2 sm:py-5">
|
<nav class="mt-auto flex flex-col items-center gap-4 px-2 sm:py-5">
|
||||||
|
|
@ -157,7 +167,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
<span class="sr-only">Settings</span>
|
<span class="sr-only">Settings</span>
|
||||||
</a>
|
</a>
|
||||||
</TooltipTrigger>
|
</TooltipTrigger>
|
||||||
<TooltipContent side="right">Settings</TooltipContent>
|
<TooltipContent side="right">
|
||||||
|
Settings
|
||||||
|
</TooltipContent>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
</nav>
|
</nav>
|
||||||
</aside>
|
</aside>
|
||||||
|
|
@ -279,7 +291,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
<Card>
|
<Card>
|
||||||
<CardHeader class="pb-2">
|
<CardHeader class="pb-2">
|
||||||
<CardDescription>This Week</CardDescription>
|
<CardDescription>This Week</CardDescription>
|
||||||
<CardTitle class="text-4xl">$1329</CardTitle>
|
<CardTitle class="text-4xl">
|
||||||
|
$1329
|
||||||
|
</CardTitle>
|
||||||
</CardHeader>
|
</CardHeader>
|
||||||
<CardContent>
|
<CardContent>
|
||||||
<div class="text-xs text-muted-foreground">
|
<div class="text-xs text-muted-foreground">
|
||||||
|
|
@ -293,7 +307,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
<Card>
|
<Card>
|
||||||
<CardHeader class="pb-2">
|
<CardHeader class="pb-2">
|
||||||
<CardDescription>This Month</CardDescription>
|
<CardDescription>This Month</CardDescription>
|
||||||
<CardTitle class="text-3xl">$5,329</CardTitle>
|
<CardTitle class="text-3xl">
|
||||||
|
$5,329
|
||||||
|
</CardTitle>
|
||||||
</CardHeader>
|
</CardHeader>
|
||||||
<CardContent>
|
<CardContent>
|
||||||
<div class="text-xs text-muted-foreground">
|
<div class="text-xs text-muted-foreground">
|
||||||
|
|
@ -305,12 +321,18 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
</CardFooter>
|
</CardFooter>
|
||||||
</Card>
|
</Card>
|
||||||
</div>
|
</div>
|
||||||
<Tabs defaultValue="week">
|
<Tabs default-value="week">
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<TabsList>
|
<TabsList>
|
||||||
<TabsTrigger value="week">Week</TabsTrigger>
|
<TabsTrigger value="week">
|
||||||
<TabsTrigger value="month">Month</TabsTrigger>
|
Week
|
||||||
<TabsTrigger value="year">Year</TabsTrigger>
|
</TabsTrigger>
|
||||||
|
<TabsTrigger value="month">
|
||||||
|
Month
|
||||||
|
</TabsTrigger>
|
||||||
|
<TabsTrigger value="year">
|
||||||
|
Year
|
||||||
|
</TabsTrigger>
|
||||||
</TabsList>
|
</TabsList>
|
||||||
<div class="ml-auto flex items-center gap-2">
|
<div class="ml-auto flex items-center gap-2">
|
||||||
<DropdownMenu>
|
<DropdownMenu>
|
||||||
|
|
@ -325,7 +347,7 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
<DropdownMenuSeparator />
|
<DropdownMenuSeparator />
|
||||||
<DropdownMenuItem>
|
<DropdownMenuItem>
|
||||||
<div class="items-top flex space-x-2">
|
<div class="items-top flex space-x-2">
|
||||||
<Checkbox id="terms1"/>
|
<Checkbox id="terms1" />
|
||||||
<label
|
<label
|
||||||
for="terms2"
|
for="terms2"
|
||||||
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
||||||
|
|
@ -336,7 +358,7 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
<DropdownMenuItem>
|
<DropdownMenuItem>
|
||||||
<div class="items-top flex space-x-2">
|
<div class="items-top flex space-x-2">
|
||||||
<Checkbox id="terms1"/>
|
<Checkbox id="terms1" />
|
||||||
<label
|
<label
|
||||||
for="terms2"
|
for="terms2"
|
||||||
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
||||||
|
|
@ -347,7 +369,7 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
<DropdownMenuItem>
|
<DropdownMenuItem>
|
||||||
<div class="items-top flex space-x-2">
|
<div class="items-top flex space-x-2">
|
||||||
<Checkbox id="terms1"/>
|
<Checkbox id="terms1" />
|
||||||
<label
|
<label
|
||||||
for="terms2"
|
for="terms2"
|
||||||
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
||||||
|
|
@ -386,13 +408,17 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
<TableHead class="hidden md:table-cell">
|
<TableHead class="hidden md:table-cell">
|
||||||
Date
|
Date
|
||||||
</TableHead>
|
</TableHead>
|
||||||
<TableHead class="text-right">Amount</TableHead>
|
<TableHead class="text-right">
|
||||||
|
Amount
|
||||||
|
</TableHead>
|
||||||
</TableRow>
|
</TableRow>
|
||||||
</TableHeader>
|
</TableHeader>
|
||||||
<TableBody>
|
<TableBody>
|
||||||
<TableRow class="bg-accent">
|
<TableRow class="bg-accent">
|
||||||
<TableCell>
|
<TableCell>
|
||||||
<div class="font-medium">Liam Johnson</div>
|
<div class="font-medium">
|
||||||
|
Liam Johnson
|
||||||
|
</div>
|
||||||
<div class="hidden text-sm text-muted-foreground md:inline">
|
<div class="hidden text-sm text-muted-foreground md:inline">
|
||||||
liam@example.com
|
liam@example.com
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -408,11 +434,15 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
<TableCell class="hidden md:table-cell">
|
<TableCell class="hidden md:table-cell">
|
||||||
2023-06-23
|
2023-06-23
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell class="text-right">$250.00</TableCell>
|
<TableCell class="text-right">
|
||||||
|
$250.00
|
||||||
|
</TableCell>
|
||||||
</TableRow>
|
</TableRow>
|
||||||
<TableRow>
|
<TableRow>
|
||||||
<TableCell>
|
<TableCell>
|
||||||
<div class="font-medium">Olivia Smith</div>
|
<div class="font-medium">
|
||||||
|
Olivia Smith
|
||||||
|
</div>
|
||||||
<div class="hidden text-sm text-muted-foreground md:inline">
|
<div class="hidden text-sm text-muted-foreground md:inline">
|
||||||
olivia@example.com
|
olivia@example.com
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -428,11 +458,15 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
<TableCell class="hidden md:table-cell">
|
<TableCell class="hidden md:table-cell">
|
||||||
2023-06-24
|
2023-06-24
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell class="text-right">$150.00</TableCell>
|
<TableCell class="text-right">
|
||||||
|
$150.00
|
||||||
|
</TableCell>
|
||||||
</TableRow>
|
</TableRow>
|
||||||
<TableRow>
|
<TableRow>
|
||||||
<TableCell>
|
<TableCell>
|
||||||
<div class="font-medium">Noah Williams</div>
|
<div class="font-medium">
|
||||||
|
Noah Williams
|
||||||
|
</div>
|
||||||
<div class="hidden text-sm text-muted-foreground md:inline">
|
<div class="hidden text-sm text-muted-foreground md:inline">
|
||||||
noah@example.com
|
noah@example.com
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -448,11 +482,15 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
<TableCell class="hidden md:table-cell">
|
<TableCell class="hidden md:table-cell">
|
||||||
2023-06-25
|
2023-06-25
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell class="text-right">$350.00</TableCell>
|
<TableCell class="text-right">
|
||||||
|
$350.00
|
||||||
|
</TableCell>
|
||||||
</TableRow>
|
</TableRow>
|
||||||
<TableRow>
|
<TableRow>
|
||||||
<TableCell>
|
<TableCell>
|
||||||
<div class="font-medium">Emma Brown</div>
|
<div class="font-medium">
|
||||||
|
Emma Brown
|
||||||
|
</div>
|
||||||
<div class="hidden text-sm text-muted-foreground md:inline">
|
<div class="hidden text-sm text-muted-foreground md:inline">
|
||||||
emma@example.com
|
emma@example.com
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -468,11 +506,15 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
<TableCell class="hidden md:table-cell">
|
<TableCell class="hidden md:table-cell">
|
||||||
2023-06-26
|
2023-06-26
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell class="text-right">$450.00</TableCell>
|
<TableCell class="text-right">
|
||||||
|
$450.00
|
||||||
|
</TableCell>
|
||||||
</TableRow>
|
</TableRow>
|
||||||
<TableRow>
|
<TableRow>
|
||||||
<TableCell>
|
<TableCell>
|
||||||
<div class="font-medium">Liam Johnson</div>
|
<div class="font-medium">
|
||||||
|
Liam Johnson
|
||||||
|
</div>
|
||||||
<div class="hidden text-sm text-muted-foreground md:inline">
|
<div class="hidden text-sm text-muted-foreground md:inline">
|
||||||
liam@example.com
|
liam@example.com
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -488,11 +530,15 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
<TableCell class="hidden md:table-cell">
|
<TableCell class="hidden md:table-cell">
|
||||||
2023-06-23
|
2023-06-23
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell class="text-right">$250.00</TableCell>
|
<TableCell class="text-right">
|
||||||
|
$250.00
|
||||||
|
</TableCell>
|
||||||
</TableRow>
|
</TableRow>
|
||||||
<TableRow>
|
<TableRow>
|
||||||
<TableCell>
|
<TableCell>
|
||||||
<div class="font-medium">Liam Johnson</div>
|
<div class="font-medium">
|
||||||
|
Liam Johnson
|
||||||
|
</div>
|
||||||
<div class="hidden text-sm text-muted-foreground md:inline">
|
<div class="hidden text-sm text-muted-foreground md:inline">
|
||||||
liam@example.com
|
liam@example.com
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -508,11 +554,15 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
<TableCell class="hidden md:table-cell">
|
<TableCell class="hidden md:table-cell">
|
||||||
2023-06-23
|
2023-06-23
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell class="text-right">$250.00</TableCell>
|
<TableCell class="text-right">
|
||||||
|
$250.00
|
||||||
|
</TableCell>
|
||||||
</TableRow>
|
</TableRow>
|
||||||
<TableRow>
|
<TableRow>
|
||||||
<TableCell>
|
<TableCell>
|
||||||
<div class="font-medium">Olivia Smith</div>
|
<div class="font-medium">
|
||||||
|
Olivia Smith
|
||||||
|
</div>
|
||||||
<div class="hidden text-sm text-muted-foreground md:inline">
|
<div class="hidden text-sm text-muted-foreground md:inline">
|
||||||
olivia@example.com
|
olivia@example.com
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -528,11 +578,15 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
<TableCell class="hidden md:table-cell">
|
<TableCell class="hidden md:table-cell">
|
||||||
2023-06-24
|
2023-06-24
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell class="text-right">$150.00</TableCell>
|
<TableCell class="text-right">
|
||||||
|
$150.00
|
||||||
|
</TableCell>
|
||||||
</TableRow>
|
</TableRow>
|
||||||
<TableRow>
|
<TableRow>
|
||||||
<TableCell>
|
<TableCell>
|
||||||
<div class="font-medium">Emma Brown</div>
|
<div class="font-medium">
|
||||||
|
Emma Brown
|
||||||
|
</div>
|
||||||
<div class="hidden text-sm text-muted-foreground md:inline">
|
<div class="hidden text-sm text-muted-foreground md:inline">
|
||||||
emma@example.com
|
emma@example.com
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -548,7 +602,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
<TableCell class="hidden md:table-cell">
|
<TableCell class="hidden md:table-cell">
|
||||||
2023-06-26
|
2023-06-26
|
||||||
</TableCell>
|
</TableCell>
|
||||||
<TableCell class="text-right">$450.00</TableCell>
|
<TableCell class="text-right">
|
||||||
|
$450.00
|
||||||
|
</TableCell>
|
||||||
</TableRow>
|
</TableRow>
|
||||||
</TableBody>
|
</TableBody>
|
||||||
</Table>
|
</Table>
|
||||||
|
|
@ -599,7 +655,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
</CardHeader>
|
</CardHeader>
|
||||||
<CardContent class="p-6 text-sm">
|
<CardContent class="p-6 text-sm">
|
||||||
<div class="grid gap-3">
|
<div class="grid gap-3">
|
||||||
<div class="font-semibold">Order Details</div>
|
<div class="font-semibold">
|
||||||
|
Order Details
|
||||||
|
</div>
|
||||||
<ul class="grid gap-3">
|
<ul class="grid gap-3">
|
||||||
<li class="flex items-center justify-between">
|
<li class="flex items-center justify-between">
|
||||||
<span class="text-muted-foreground">
|
<span class="text-muted-foreground">
|
||||||
|
|
@ -637,7 +695,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
<Separator class="my-4" />
|
<Separator class="my-4" />
|
||||||
<div class="grid grid-cols-2 gap-4">
|
<div class="grid grid-cols-2 gap-4">
|
||||||
<div class="grid gap-3">
|
<div class="grid gap-3">
|
||||||
<div class="font-semibold">Shipping Information</div>
|
<div class="font-semibold">
|
||||||
|
Shipping Information
|
||||||
|
</div>
|
||||||
<address class="grid gap-0.5 not-italic text-muted-foreground">
|
<address class="grid gap-0.5 not-italic text-muted-foreground">
|
||||||
<span>Liam Johnson</span>
|
<span>Liam Johnson</span>
|
||||||
<span>1234 Main St.</span>
|
<span>1234 Main St.</span>
|
||||||
|
|
@ -645,7 +705,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
</address>
|
</address>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid auto-rows-max gap-3">
|
<div class="grid auto-rows-max gap-3">
|
||||||
<div class="font-semibold">Billing Information</div>
|
<div class="font-semibold">
|
||||||
|
Billing Information
|
||||||
|
</div>
|
||||||
<div class="text-muted-foreground">
|
<div class="text-muted-foreground">
|
||||||
Same as shipping address
|
Same as shipping address
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -653,20 +715,28 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
</div>
|
</div>
|
||||||
<Separator class="my-4" />
|
<Separator class="my-4" />
|
||||||
<div class="grid gap-3">
|
<div class="grid gap-3">
|
||||||
<div class="font-semibold">Customer Information</div>
|
<div class="font-semibold">
|
||||||
|
Customer Information
|
||||||
|
</div>
|
||||||
<dl class="grid gap-3">
|
<dl class="grid gap-3">
|
||||||
<div class="flex items-center justify-between">
|
<div class="flex items-center justify-between">
|
||||||
<dt class="text-muted-foreground">Customer</dt>
|
<dt class="text-muted-foreground">
|
||||||
|
Customer
|
||||||
|
</dt>
|
||||||
<dd>Liam Johnson</dd>
|
<dd>Liam Johnson</dd>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex items-center justify-between">
|
<div class="flex items-center justify-between">
|
||||||
<dt class="text-muted-foreground">Email</dt>
|
<dt class="text-muted-foreground">
|
||||||
|
Email
|
||||||
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
<a href="mailto:">liam@acme.com</a>
|
<a href="mailto:">liam@acme.com</a>
|
||||||
</dd>
|
</dd>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex items-center justify-between">
|
<div class="flex items-center justify-between">
|
||||||
<dt class="text-muted-foreground">Phone</dt>
|
<dt class="text-muted-foreground">
|
||||||
|
Phone
|
||||||
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
<a href="tel:">+1 234 567 890</a>
|
<a href="tel:">+1 234 567 890</a>
|
||||||
</dd>
|
</dd>
|
||||||
|
|
@ -675,7 +745,9 @@ import { Checkbox } from '@/lib/registry/default/ui/checkbox'
|
||||||
</div>
|
</div>
|
||||||
<Separator class="my-4" />
|
<Separator class="my-4" />
|
||||||
<div class="grid gap-3">
|
<div class="grid gap-3">
|
||||||
<div class="font-semibold">Payment Information</div>
|
<div class="font-semibold">
|
||||||
|
Payment Information
|
||||||
|
</div>
|
||||||
<dl class="grid gap-3">
|
<dl class="grid gap-3">
|
||||||
<div class="flex items-center justify-between">
|
<div class="flex items-center justify-between">
|
||||||
<dt class="flex items-center gap-1 text-muted-foreground">
|
<dt class="flex items-center gap-1 text-muted-foreground">
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
export const description = 'A products page.'
|
export const description = 'An products dashboard with a sidebar navigation. The sidebar has icon navigation. The content area has a breadcrumb and search in the header. It displays a list of products in a table with actions.'
|
||||||
export const iframeHeight = '780px'
|
export const iframeHeight = '938px'
|
||||||
export const containerClass = 'w-full h-full'
|
export const containerClass = 'w-full h-full'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
export const description = 'A product details page.'
|
export const description = 'A product edit page. The product edit page has a form to edit the product details, stock, product category, product status, and product images. The product edit page has a sidebar navigation and a main content area. The main content area has a form to edit the product details, stock, product category, product status, and product images. The sidebar navigation has links to product details, stock, product category, product status, and product images.'
|
||||||
export const iframeHeight = '780px'
|
export const iframeHeight = '1200px'
|
||||||
export const containerClass = 'w-full h-full'
|
export const containerClass = 'w-full h-full'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
export const description = 'A order tracking page. The order page has a sidebar navigation and a main content area.'
|
export const description = 'An orders dashboard with a sidebar navigation. The sidebar has icon navigation. The content area has a breadcrumb and search in the header. The main area has a list of recent orders with a filter and export button. The main area also has a detailed view of a single order with order details, shipping information, billing information, customer information, and payment information.'
|
||||||
export const iframeHeight = '780px'
|
export const iframeHeight = '1112px'
|
||||||
export const containerClass = 'w-full h-full'
|
export const containerClass = 'w-full h-full'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
export const description = 'A products page.'
|
export const description = 'An products dashboard with a sidebar navigation. The sidebar has icon navigation. The content area has a breadcrumb and search in the header. It displays a list of products in a table with actions.'
|
||||||
export const iframeHeight = '780px'
|
export const iframeHeight = '938px'
|
||||||
export const containerClass = 'w-full h-full'
|
export const containerClass = 'w-full h-full'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
export const description = 'A product details page.'
|
export const description = 'A product edit page. The product edit page has a form to edit the product details, stock, product category, product status, and product images. The product edit page has a sidebar navigation and a main content area. The main content area has a form to edit the product details, stock, product category, product status, and product images. The sidebar navigation has links to product details, stock, product category, product status, and product images.'
|
||||||
export const iframeHeight = '780px'
|
export const iframeHeight = '1200px'
|
||||||
export const containerClass = 'w-full h-full'
|
export const containerClass = 'w-full h-full'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user