dev: compact styling

2025-10-18 06:52:12 +07:00
parent e6717e2b6d
commit 723cd2c7b3
12 changed files with 101 additions and 23 deletions
@@ -41,11 +41,11 @@ onMounted(() => {
  <div class="flex flex-col space-y-2">
    <Popover>
      <PopoverTrigger as-child>
-        <Button variant="outline" class="bg-white border-gray-400 font-normal text-right h-[40px] w-full">
+        <Button variant="outline" class="bg-white border-gray-400 font-normal text-right w-full h-8 2xl:h-9">
          <div class="flex justify-between items-center w-full">
            <p v-if="date">{{ format(date, 'PPP', { locale: localeID }) }}</p>
-            <p v-else class="text-sm text-black text-opacity-50">{{ props.placeholder || 'Tanggal' }}</p>
-            <Icon name="i-lucide-calendar" class="h-5 w-5" />
+            <p v-else class="text-black text-opacity-50">{{ props.placeholder || 'Tanggal' }}</p>
+            <Icon name="i-lucide-calendar"/>
          </div>
        </Button>
      </PopoverTrigger>