fix: fix aggregate date config

Author: nichenqin

apps/frontend/src/lib/components/blocks/aggregate/aggregate.svelte

@@ -59,7 +59,12 @@
   $: isPending = $getAggregate.isPending
 </script>
 
-<div class={cn("flex h-full w-full items-center justify-center rounded-lg bg-white p-6", $$restProps.class)}>
+<div
+  class={cn(
+    "flex h-full w-full items-center justify-center rounded-lg bg-white px-6 py-20 text-base",
+    $$restProps.class,
+  )}
+>
   {#if !isValid}
     <Tooltip.Root>
       <Tooltip.Trigger>
@@ -83,6 +88,6 @@
       </div>
     </div>
   {:else if $value}
-    <span class="text-8xl font-bold">{$value}</span>
+    <span class="text-[2rem] font-bold">{$value}</span>
   {/if}
 </div>

apps/frontend/src/lib/components/blocks/aggregate/config/aggregate-config.svelte

@@ -105,7 +105,10 @@
         <Tabs.Content value="count"></Tabs.Content>
         <Tabs.Content value="aggregate" class="space-y-2">
           {#if widget.item.type === "aggregate" && widget.item.aggregate.type !== "count"}
-            <AggregateTypePicker bind:value={widget.item.aggregate.type} />
+            <AggregateTypePicker
+              bind:value={widget.item.aggregate.type}
+              onValueChange={() => (widget.item.aggregate.config.field = undefined)}
+            />
             <FieldPicker
               bind:value={widget.item.aggregate.config.field}
               class="w-full flex-1"