docs: change cards radius to rounded-lg (#231)

This commit is contained in:
itsTPM 2023-12-30 20:10:31 +03:00 committed by GitHub
parent 583bf60ce8
commit c2e05239f6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 3 deletions

View File

@ -3,7 +3,7 @@ import { cn } from '@/lib/utils'
</script>
<template>
<a :class="cn('flex w-full flex-col items-center rounded-xl border bg-card p-6 text-card-foreground shadow transition-colors hover:bg-muted/50 sm:p-10', $attrs.class ?? '')">
<a :class="cn('flex w-full flex-col items-center rounded-lg border bg-card p-6 text-card-foreground shadow transition-colors hover:bg-muted/50 sm:p-10', $attrs.class ?? '')">
<slot />
</a>
</template>

View File

@ -13,7 +13,7 @@ const props = defineProps({
<div
:class="
cn(
'rounded-xl border bg-card text-card-foreground shadow',
'rounded-lg border bg-card text-card-foreground shadow',
props.class,
)
"

View File

@ -7,7 +7,7 @@
"files": [
{
"name": "Card.vue",
"content": "<script setup lang=\"ts\">\nimport { cn } from '@/lib/utils'\n\nconst props = defineProps({\n class: {\n type: String,\n default: '',\n },\n})\n</script>\n\n<template>\n <div\n :class=\"\n cn(\n 'rounded-xl border bg-card text-card-foreground shadow',\n props.class,\n )\n \"\n >\n <slot />\n </div>\n</template>\n"
"content": "<script setup lang=\"ts\">\nimport { cn } from '@/lib/utils'\n\nconst props = defineProps({\n class: {\n type: String,\n default: '',\n },\n})\n</script>\n\n<template>\n <div\n :class=\"\n cn(\n 'rounded-lg border bg-card text-card-foreground shadow',\n props.class,\n )\n \"\n >\n <slot />\n </div>\n</template>\n"
},
{
"name": "CardContent.vue",