fix tailwind

src/components/ui/card/Card.vue

@@ -9,7 +9,12 @@ const props = defineProps<{
 
 <template>
   <div
-    :class="cn('rounded-lg border bg-card text-card-foreground shadow-sm', props.class)"
+    :class="
+      cn(
+        'rounded-xl border bg-card text-card-foreground shadow-sm',
+        props.class,
+      )
+    "
   >
     <slot />
   </div>

src/components/ui/card/CardContent.vue

@@ -8,11 +8,7 @@ const props = defineProps<{
 </script>
 
 <template>
-  <div
-    :class="
-      cn('p-6 pt-0', props.class)
-    "
-  >
+  <div :class="cn('p-6 pt-0', props.class)">
     <slot />
   </div>
 </template>

src/components/ui/card/CardDescription.vue

@@ -8,11 +8,7 @@ const props = defineProps<{
 </script>
 
 <template>
-  <p
-    :class="
-      cn('text-sm text-muted-foreground', props.class)
-    "
-  >
+  <p :class="cn('text-sm text-muted-foreground', props.class)">
     <slot />
   </p>
 </template>

src/components/ui/card/CardFooter.vue

@@ -8,11 +8,7 @@ const props = defineProps<{
 </script>
 
 <template>
-  <div
-    :class="
-      cn('flex items-center p-6 pt-0', props.class)
-    "
-  >
+  <div :class="cn('flex items-center p-6 pt-0', props.class)">
     <slot />
   </div>
 </template>

src/components/ui/card/CardHeader.vue

@@ -8,11 +8,7 @@ const props = defineProps<{
 </script>
 
 <template>
-  <div
-    :class="
-      cn('flex flex-col space-y-1.5 p-6', props.class)
-    "
-  >
+  <div :class="cn('flex flex-col gap-y-1.5 p-6', props.class)">
     <slot />
   </div>
 </template>

src/components/ui/card/CardTitle.vue

@@ -10,7 +10,7 @@ const props = defineProps<{
 <template>
   <h3
     :class="
-      cn('text-2xl font-semibold leading-none tracking-tight', props.class)
+      cn('font-semibold leading-none tracking-tight', props.class)
     "
   >
     <slot />