your personal website on atproto - mirror
blento.app
undo basecard changes for now
+1
-31
+1
-31
src/lib/cards/_base/BaseCard/BaseCard.svelte
+1
-31
src/lib/cards/_base/BaseCard/BaseCard.svelte
···
4
4
import type { WithElementRef } from 'bits-ui';
5
5
import type { Snippet } from 'svelte';
6
6
import type { HTMLAttributes } from 'svelte/elements';
7
-
import { Button } from '@foxui/core';
8
7
import { getColor } from '../..';
9
8
10
9
const colors = {
···
38
37
let color = $derived(getColor(item));
39
38
</script>
40
39
41
-
{#snippet pending()}
42
-
<div
43
-
class="text-base-500 dark:text-base-400 accent:text-white/60 flex h-full items-center justify-center text-center text-sm"
44
-
>
45
-
<p>Loading...</p>
46
-
</div>
47
-
{/snippet}
48
-
49
-
{#snippet failed(_error: unknown, retry: () => void)}
50
-
<div
51
-
class="text-base-500 dark:text-base-400 accent:text-white/60 flex h-full items-center justify-center gap-1 text-center text-sm"
52
-
>
53
-
<p>Failed to load,</p>
54
-
<Button
55
-
class="border-none bg-transparent p-0"
56
-
onclick={(event) => {
57
-
event.stopPropagation();
58
-
retry();
59
-
}}>try again?</Button
60
-
>
61
-
</div>
62
-
{/snippet}
63
-
64
40
<div
65
41
id={item.id}
66
42
data-flip-id={item.id}
···
99
75
color !== 'base' && color != 'transparent' ? 'light' : ''
100
76
]}
101
77
>
102
-
<svelte:boundary {failed} {pending}>
103
-
{#if $effect.pending()}
104
-
pending
105
-
{/if}
106
-
107
-
{@render children?.()}
108
-
</svelte:boundary>
78
+
{@render children?.()}
109
79
110
80
{#if !isEditing && item.cardData.label}
111
81
<div