mirror of
https://github.com/aleksilassila/reiverr.git
synced 2026-04-20 00:53:32 +02:00
Remove sveltekit dependency, create simple test project
This commit is contained in:
26
src/lib/components/settings/IntegrationCard.svelte
Normal file
26
src/lib/components/settings/IntegrationCard.svelte
Normal file
@@ -0,0 +1,26 @@
|
||||
<script lang="ts">
|
||||
import classNames from 'classnames';
|
||||
|
||||
export let title: string;
|
||||
export let href = '#';
|
||||
export let status: 'connected' | 'disconnected' | 'error' = 'disconnected';
|
||||
</script>
|
||||
|
||||
<div
|
||||
class={classNames('border border-zinc-800 rounded-xl p-4 flex flex-col gap-4', {
|
||||
// 'border-zinc-800': status === 'connected'
|
||||
// 'border-zinc-800': status === 'disconnected'
|
||||
})}
|
||||
>
|
||||
<div class="flex items-baseline justify-between">
|
||||
<a class="text-zinc-200 text-xl font-medium" target="_blank" {href}>{title}</a>
|
||||
<div
|
||||
class={classNames('w-3 h-3 rounded-full', {
|
||||
'bg-green-600': status === 'connected',
|
||||
'bg-zinc-600': status === 'disconnected',
|
||||
'bg-amber-500': status === 'error'
|
||||
})}
|
||||
/>
|
||||
</div>
|
||||
<slot />
|
||||
</div>
|
||||
Reference in New Issue
Block a user