Commit 80ef52a

HPCesia <me@hpcesia.com>
2025-03-15 07:17:38
fix(user components): code block width in Collapse
master
1 parent 383bd86
Changed files (2)
src
components
user
Collapse.astro
plugins
rehype-components-list.ts
src/components/user/Collapse.astro
@@ -10,7 +10,7 @@ const { title, open = false } = Astro.props;
 <div class="bg-base-100 border-base-content/25 collapse-arrow collapse my-4 border">
   <input type="checkbox" {...open && { checked: true }} />
   <div class="collapse-title font-semibold">{title}</div>
-  <div class="collapse-content">
+  <div class="collapse-content min-w-0">
     <slot />
   </div>
 </div>
src/plugins/rehype-components-list.ts
@@ -17,7 +17,7 @@ const Collapse = function (
   const wrapperClassName =
     'bg-base-100 border-base-content/25 collapse-arrow collapse my-4 border';
   const titleClassName = 'collapse-title font-semibold';
-  const contentClassName = 'collapse-content';
+  const contentClassName = 'collapse-content min-w-0';
 
   const inputNode = h('input', {
     type: 'checkbox',