Amadeus
/
blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: fix widget content collapsing not working

This commit is contained in:
saicaca 2024-02-12 01:10:04 +08:00
parent 8b8a765d56
commit bd17b39fd2
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/widget/Categories.astro
View File

@ -9,7 +9,7 @@ import ButtonLink from "../control/ButtonLink.astro";
const categories = await getCategoryList(); const categories = await getCategoryList();
const COLLAPSED_HEIGHT = "120px"; const COLLAPSED_HEIGHT = "7.5rem";
const COLLAPSE_THRESHOLD = 5; const COLLAPSE_THRESHOLD = 5;
const isCollapsed = categories.length >= COLLAPSE_THRESHOLD; const isCollapsed = categories.length >= COLLAPSE_THRESHOLD;

2
src/components/widget/Tags.astro
View File

@ -8,7 +8,7 @@ import I18nKey from "../../i18n/i18nKey";
const tags = await getTagList(); const tags = await getTagList();
const COLLAPSED_HEIGHT = "120px"; const COLLAPSED_HEIGHT = "7.5rem";
const isCollapsed = tags.length >= 20; const isCollapsed = tags.length >= 20;

4
src/components/widget/WidgetLayout.astro
View File

@ -18,7 +18,7 @@ const {
} = Astro.props } = 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 <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:w-1 before:h-4 before:rounded-md before:bg-[var(--primary)]
before:absolute before:left-[-16px] before:top-[5.5px]">{name}</div> before:absolute before:left-[-16px] before:top-[5.5px]">{name}</div>
@ -45,7 +45,7 @@ const {
constructor() { constructor() {
super(); super();
if (!this.dataset.isCollapsed) if (this.dataset.isCollapsed === undefined || this.dataset.isCollapsed === false)
return; return;
const id = this.dataset.id; const id = this.dataset.id;