Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: class-name -> class

Browse Source
This commit is contained in:
Sadegh Barati 2023-09-29 14:36:06 +03:30
parent 23a3d2ac9c
commit 03be864a08
6 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/www/src/examples/forms/components/AppearanceForm.vue
View File

@ -83,7 +83,7 @@ const onSubmit = handleSubmit((values) => {
</FormField> </FormField>
<FormField v-slot="{ componentField }" type="radio" name="theme"> <FormField v-slot="{ componentField }" type="radio" name="theme">
<FormItem class-name="space-y-1"> <FormItem class="space-y-1">
<FormLabel>Theme</FormLabel> <FormLabel>Theme</FormLabel>
<FormDescription> <FormDescription>
Select the theme for the dashboard. Select the theme for the dashboard.

6
apps/www/src/lib/registry/default/example/CardChat.vue
View File

@ -67,16 +67,16 @@ const selectedUsers = ref<User[]>([])
<template> <template>
<Card> <Card>
<CardHeader class="flex flex-row items-center justify-between"> <CardHeader class="flex flex-row items-center justify-between">
<div className="flex items-center space-x-4"> <div class="flex items-center space-x-4">
<Avatar> <Avatar>
<AvatarImage src="/avatars/01.png" alt="Image" /> <AvatarImage src="/avatars/01.png" alt="Image" />
<AvatarFallback>OM</AvatarFallback> <AvatarFallback>OM</AvatarFallback>
</Avatar> </Avatar>
<div> <div>
<p className="text-sm font-medium leading-none"> <p class="text-sm font-medium leading-none">
Sofia Davis Sofia Davis
</p> </p>
<p className="text-sm text-muted-foreground"> <p class="text-sm text-muted-foreground">
m@example.com m@example.com
</p> </p>
</div> </div>

2
apps/www/src/lib/registry/default/example/Cards/DataTable.vue
View File

@ -169,7 +169,7 @@ const table = useVueTable({
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div class="w-full"> <div class="w-full">
<div className="mb-4 flex items-center gap-4"> <div class="mb-4 flex items-center gap-4">
<Input <Input
class="max-w-sm" class="max-w-sm"
placeholder="Filter emails..." placeholder="Filter emails..."

4
apps/www/src/lib/registry/default/example/TableDemo.vue
View File

@ -60,12 +60,12 @@ const invoices = [
<TableCaption>A list of your recent invoices.</TableCaption> <TableCaption>A list of your recent invoices.</TableCaption>
<TableHeader> <TableHeader>
<TableRow> <TableRow>
<TableHead class-name="w-[100px]"> <TableHead class="w-[100px]">
Invoice Invoice
</TableHead> </TableHead>
<TableHead>Status</TableHead> <TableHead>Status</TableHead>
<TableHead>Method</TableHead> <TableHead>Method</TableHead>
<TableHead class-name="text-right"> <TableHead class="text-right">
Amount Amount
</TableHead> </TableHead>
</TableRow> </TableRow>

2
apps/www/src/lib/registry/new-york/example/Cards/DataTable.vue
View File

@ -169,7 +169,7 @@ const table = useVueTable({
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div class="w-full"> <div class="w-full">
<div className="mb-4 flex items-center gap-4"> <div class="mb-4 flex items-center gap-4">
<Input <Input
class="max-w-sm" class="max-w-sm"
placeholder="Filter emails..." placeholder="Filter emails..."

4
apps/www/src/lib/registry/new-york/example/TableDemo.vue
View File

@ -60,12 +60,12 @@ const invoices = [
<TableCaption>A list of your recent invoices.</TableCaption> <TableCaption>A list of your recent invoices.</TableCaption>
<TableHeader> <TableHeader>
<TableRow> <TableRow>
<TableHead class-name="w-[100px]"> <TableHead class="w-[100px]">
Invoice Invoice
</TableHead> </TableHead>
<TableHead>Status</TableHead> <TableHead>Status</TableHead>
<TableHead>Method</TableHead> <TableHead>Method</TableHead>
<TableHead class-name="text-right"> <TableHead class="text-right">
Amount Amount
</TableHead> </TableHead>
</TableRow> </TableRow>