Dev cleaning (#106)

2025-10-08 00:03:36 +07:00
parent 7fdd5c61f0
commit 3eb9dde21d
892 changed files with 51326 additions and 1 deletions
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+defineProps<{
+  label: string
+}>()
+</script>
+
+<template>
+  <div class="flex flex-col gap-1 lg:grid lg:grid-cols-[180px_minmax(0,1fr)] lg:gap-x-3">
+    <!-- Label -->
+    <span class="text-md font-normal text-muted-foreground">
+      {{ label }}
+    </span>
+
+    <!-- Value -->
+    <span class="truncate lg:whitespace-normal">
+      <span class="me-3 hidden lg:inline-block">:</span>
+      <slot />
+    </span>
+  </div>
+</template>
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { cn } from '~/lib/utils'
+
+defineProps<{
+  title: string
+  headerClass?: string
+  contentClass?: string
+}>()
+</script>
+
+<template>
+  <section class="mb-6">
+    <h3 :class="cn('mb-3 flex items-center gap-1  pb-1 text-base font-semibold', headerClass)">
+      <slot name="icon" />
+      {{ title }}
+    </h3>
+
+    <div :class="cn('space-y-2', contentClass)">
+      <slot />
+    </div>
+  </section>
+</template>