arithefirst/svchat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Adjust classname variables

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/channel.svelte
View File

@ -10,7 +10,7 @@
const color = $derived(page.params.channel === channelName ? 'text-primary' : 'text-muted-foreground hover:text-primary'); const color = $derived(page.params.channel === channelName ? 'text-primary' : 'text-muted-foreground hover:text-primary');
</script> </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" /> <MessageSquare class="h-4 w-4" />
{channelName} {channelName}
</a> </a>

2
src/lib/components/channelDialog.svelte
View File

@ -19,7 +19,7 @@
</script> </script>
<Dialog.Root bind:open> <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.Content class="sm:max-w-[425px]">
<Dialog.Header> <Dialog.Header>
<Dialog.Title>Create Channel</Dialog.Title> <Dialog.Title>Create Channel</Dialog.Title>

2
src/lib/components/prose.svelte
View File

@ -9,6 +9,6 @@
const { children, class: className = '' }: Props = $props(); const { children, class: className = '' }: Props = $props();
</script> </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()} {@render children()}
</div> </div>