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> </script>
<template> <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 /> <slot />
</a> </a>
</template> </template>

View File

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

View File

@ -7,7 +7,7 @@
"files": [ "files": [
{ {
"name": "Card.vue", "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", "name": "CardContent.vue",