fix: Adjust classname variables

This commit is contained in:
April Hall 2025-02-12 18:04:10 -05:00
parent 30ecb8ebd1
commit 7cf2c138b6
Signed by: arithefirst
GPG Key ID: 4508A15C4DB91C5B
3 changed files with 3 additions and 3 deletions

View File

@ -10,7 +10,7 @@
const color = $derived(page.params.channel === channelName ? 'text-primary' : 'text-muted-foreground hover:text-primary');
</script>
<a href={`/channel/${channelName}`} class={`flex items-center gap-3 rounded-lg px-3 py-2 transition-all ${color}`}>
<a href={`/channel/${channelName}`} class="flex items-center gap-3 rounded-lg px-3 py-2 transition-all {color}">
<MessageSquare class="h-4 w-4" />
{channelName}
</a>

View File

@ -19,7 +19,7 @@
</script>
<Dialog.Root bind:open>
<Dialog.Trigger class={buttonVariants({ variant: 'secondary' }) + ' w-full'}>Create Channel</Dialog.Trigger>
<Dialog.Trigger class="{buttonVariants({ variant: 'secondary' })} w-full">Create Channel</Dialog.Trigger>
<Dialog.Content class="sm:max-w-[425px]">
<Dialog.Header>
<Dialog.Title>Create Channel</Dialog.Title>

View File

@ -9,6 +9,6 @@
const { children, class: className = '' }: Props = $props();
</script>
<div class={className + ' prose prose-stone prose-blue !max-w-full dark:prose-invert prose-pre:w-fit prose-pre:max-w-[95%] '}>
<div class="{className} prose prose-stone prose-blue !max-w-full dark:prose-invert prose-pre:w-fit prose-pre:max-w-[95%]">
{@render children()}
</div>