summaryrefslogtreecommitdiff
path: root/src/components/jet/item/AccessibilityParagraphItem.svelte
diff options
context:
space:
mode:
authorrxliuli <rxliuli@gmail.com>2025-11-04 05:03:50 +0800
committerrxliuli <rxliuli@gmail.com>2025-11-04 05:03:50 +0800
commitbce557cc2dc767628bed6aac87301a1be7c5431b (patch)
treeb51a051228d01fe3306cd7626d4a96768aadb944 /src/components/jet/item/AccessibilityParagraphItem.svelte
init commit
Diffstat (limited to 'src/components/jet/item/AccessibilityParagraphItem.svelte')
-rw-r--r--src/components/jet/item/AccessibilityParagraphItem.svelte22
1 files changed, 22 insertions, 0 deletions
diff --git a/src/components/jet/item/AccessibilityParagraphItem.svelte b/src/components/jet/item/AccessibilityParagraphItem.svelte
new file mode 100644
index 0000000..836b52f
--- /dev/null
+++ b/src/components/jet/item/AccessibilityParagraphItem.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+ import type { AccessibilityParagraph } from '@jet-app/app-store/api/models';
+ import LinkableTextItem from '~/components/jet/item/LinkableTextItem.svelte';
+
+ export let item: AccessibilityParagraph;
+</script>
+
+<div>
+ <p>
+ <LinkableTextItem item={item.text} />
+ </p>
+</div>
+
+<style>
+ p {
+ font: var(--body-tall);
+ }
+
+ p :global(a) {
+ color: var(--keyColor);
+ }
+</style>