From c2a75082f9abc1fb4e1873673aacb4a55841d948 Mon Sep 17 00:00:00 2001
From: Huakun Shen <huakun.shen@huakunshen.com>
Date: Tue, 11 Mar 2025 13:04:50 -0400
Subject: [PATCH] minor ui updates to shiki
---
packages/ui/src/components/animation/MagicCard.svelte | 5 +++++
packages/ui/src/components/code/shiki.svelte | 2 +-
2 files changed, 6 insertions(+), 1 deletion(-)
diff --git a/packages/ui/src/components/animation/MagicCard.svelte b/packages/ui/src/components/animation/MagicCard.svelte
index 3d089ec..f7d8012 100644
--- a/packages/ui/src/components/animation/MagicCard.svelte
+++ b/packages/ui/src/components/animation/MagicCard.svelte
@@ -2,10 +2,12 @@
import { onMount } from "svelte"
import { Motion, useMotionTemplate, useMotionValue } from "svelte-motion"
import { cn } from "../../utils"
+ import BorderBeam from "./BorderBeam.svelte"
export let gradientSize: number = 200
export let gradientColor: string = "#262626"
export let gradientOpacity: number = 0.8
+ export let borderBeam: boolean = false
let className: string = ""
export { className as class }
@@ -42,6 +44,9 @@
className
)}
>
+ {#if borderBeam}
+ <BorderBeam size={150} duration={12} />
+ {/if}
<div class="relative z-10">
<!-- Default -->
<slot>
diff --git a/packages/ui/src/components/code/shiki.svelte b/packages/ui/src/components/code/shiki.svelte
index f337046..18a21be 100644
--- a/packages/ui/src/components/code/shiki.svelte
+++ b/packages/ui/src/components/code/shiki.svelte
@@ -36,7 +36,7 @@
{#await highlighter2 then highlighter}
<ShikiMagicMove
- class={cn("", className)}
+ class={cn("p-3", className)}
{lang}
theme={theme ?? "vitesse-dark"}
{highlighter}