From bce557cc2dc767628bed6aac87301a1be7c5431b Mon Sep 17 00:00:00 2001
From: rxliuli <rxliuli@gmail.com>
Date: Tue, 4 Nov 2025 05:03:50 +0800
Subject: init commit

---
 src/components/CollapsableContent.svelte | 36 ++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 src/components/CollapsableContent.svelte

(limited to 'src/components/CollapsableContent.svelte')

diff --git a/src/components/CollapsableContent.svelte b/src/components/CollapsableContent.svelte
new file mode 100644
index 0000000..e75fbf1
--- /dev/null
+++ b/src/components/CollapsableContent.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+    import ChevronDown from '~/sf-symbols/chevron.down.svg';
+</script>
+
+<details>
+    <summary>
+        <slot name="summary" />
+        <ChevronDown />
+    </summary>
+
+    <slot />
+</details>
+
+<style>
+    details[open] summary {
+        display: none;
+    }
+
+    summary {
+        list-style: none;
+        cursor: pointer;
+    }
+
+    summary::-webkit-details-marker {
+        display: none;
+    }
+
+    summary :global(svg) {
+        overflow: visible;
+        width: 14px;
+        fill: var(--systemTertiary);
+        position: relative;
+        top: 3px;
+        left: 2px;
+    }
+</style>
-- 
cgit v1.2.3

