From bd17b39fd2c63751ca8f0fdfa8f7bbdf13efd9eb Mon Sep 17 00:00:00 2001
From: saicaca <zephyird@gmail.com>
Date: Mon, 12 Feb 2024 01:10:04 +0800
Subject: [PATCH] fix: fix widget content collapsing not working

---
 src/components/widget/Categories.astro   | 2 +-
 src/components/widget/Tags.astro         | 2 +-
 src/components/widget/WidgetLayout.astro | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/widget/Categories.astro b/src/components/widget/Categories.astro
index 98d2eb8..dabb771 100644
--- a/src/components/widget/Categories.astro
+++ b/src/components/widget/Categories.astro
@@ -9,7 +9,7 @@ import ButtonLink from "../control/ButtonLink.astro";
 
 const categories = await getCategoryList();
 
-const COLLAPSED_HEIGHT = "120px";
+const COLLAPSED_HEIGHT = "7.5rem";
 const COLLAPSE_THRESHOLD = 5;
 
 const isCollapsed = categories.length >= COLLAPSE_THRESHOLD;
diff --git a/src/components/widget/Tags.astro b/src/components/widget/Tags.astro
index 1ad59c1..2bbcc49 100644
--- a/src/components/widget/Tags.astro
+++ b/src/components/widget/Tags.astro
@@ -8,7 +8,7 @@ import I18nKey from "../../i18n/i18nKey";
 
 const tags = await getTagList();
 
-const COLLAPSED_HEIGHT = "120px";
+const COLLAPSED_HEIGHT = "7.5rem";
 
 const isCollapsed = tags.length >= 20;
 
diff --git a/src/components/widget/WidgetLayout.astro b/src/components/widget/WidgetLayout.astro
index f1c3348..4ce7fd3 100644
--- a/src/components/widget/WidgetLayout.astro
+++ b/src/components/widget/WidgetLayout.astro
@@ -18,7 +18,7 @@ const {
 } = Astro.props
 
 ---
-<widget-layout data-id={id} data-isCollapsed={isCollapsed} class="pb-4 card-base">
+<widget-layout data-id={id} data-is-collapsed={isCollapsed} class="pb-4 card-base">
     <div class="font-bold transition text-lg text-neutral-900 dark:text-neutral-100 relative ml-8 mt-4 mb-2
         before:w-1 before:h-4 before:rounded-md before:bg-[var(--primary)]
         before:absolute before:left-[-16px] before:top-[5.5px]">{name}</div>
@@ -45,7 +45,7 @@ const {
         constructor() {
             super();
 
-            if (!this.dataset.isCollapsed)
+            if (this.dataset.isCollapsed === undefined || this.dataset.isCollapsed === false)
                 return;
 
             const id = this.dataset.id;