add shimmer text

This commit is contained in:
Jesse Winton
2025-02-18 16:37:00 -05:00
parent cde7f904d7
commit 0f3ffe53ad
4 changed files with 48 additions and 8 deletions
@@ -3,7 +3,15 @@
import { invalidate } from '$app/navigation';
import { createPlatform } from './wizard/store';
import { Dependencies } from '$lib/constants';
import { Code, Layout, Icon, Typography, Fieldset, InlineCode } from '@appwrite.io/pink-svelte';
import {
Code,
Layout,
Icon,
Typography,
Fieldset,
InlineCode,
ShimmerText
} from '@appwrite.io/pink-svelte';
import { Button, Form, InputText } from '$lib/elements/forms';
import { IconAndroid, IconAppwrite } from '@appwrite.io/pink-icons-svelte';
import { Card } from '$lib/components';
@@ -203,7 +211,9 @@ const val APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject.client.config.endpoint}"
gap="l">
{#if !connectionSuccessful}
<Typography.Text variant="m-400"
>Waiting for connection...</Typography.Text>
><ShimmerText --font-family="Inter"
>Waiting for connection...</ShimmerText
></Typography.Text>
{:else}
<!-- cannot apply fade on components -->
<div
@@ -3,7 +3,15 @@
import { invalidate } from '$app/navigation';
import { createPlatform } from './wizard/store';
import { Dependencies } from '$lib/constants';
import { Code, Layout, Icon, Typography, Fieldset, InlineCode } from '@appwrite.io/pink-svelte';
import {
Code,
Layout,
Icon,
Typography,
Fieldset,
InlineCode,
ShimmerText
} from '@appwrite.io/pink-svelte';
import { Button, Form, InputText } from '$lib/elements/forms';
import { IconApple, IconAppwrite } from '@appwrite.io/pink-icons-svelte';
import { Card } from '$lib/components';
@@ -228,7 +236,9 @@ APPWRITE_PUBLIC_ENDPOINT: "${sdk.forProject.client.config.endpoint}"
gap="l">
{#if !connectionSuccessful}
<Typography.Text variant="m-400"
>Waiting for connection...</Typography.Text>
><ShimmerText --font-family="Inter"
>Waiting for connection...</ShimmerText
></Typography.Text>
{:else}
<!-- cannot apply fade on components -->
<div
@@ -3,7 +3,15 @@
import { invalidate } from '$app/navigation';
import { createPlatform } from './wizard/store';
import { Dependencies } from '$lib/constants';
import { Code, Layout, Icon, Typography, Fieldset, InlineCode } from '@appwrite.io/pink-svelte';
import {
Code,
Layout,
Icon,
Typography,
Fieldset,
InlineCode,
ShimmerText
} from '@appwrite.io/pink-svelte';
import { Button, Form, InputText } from '$lib/elements/forms';
import { IconFlutter, IconAppwrite } from '@appwrite.io/pink-icons-svelte';
import { Card } from '$lib/components';
@@ -286,7 +294,9 @@ static const String APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject.client.config.e
gap="l">
{#if !connectionSuccessful}
<Typography.Text variant="m-400"
>Waiting for connection...</Typography.Text>
><ShimmerText --font-family="Inter"
>Waiting for connection...</ShimmerText
></Typography.Text>
{:else}
<!-- cannot apply fade on components -->
<div
@@ -3,7 +3,15 @@
import { invalidate } from '$app/navigation';
import { createPlatform } from './wizard/store';
import { Dependencies } from '$lib/constants';
import { Code, Layout, Icon, Typography, Fieldset, InlineCode } from '@appwrite.io/pink-svelte';
import {
Code,
Layout,
Icon,
Typography,
Fieldset,
InlineCode,
ShimmerText
} from '@appwrite.io/pink-svelte';
import { Button, Form, InputText } from '$lib/elements/forms';
import { IconReact, IconAppwrite } from '@appwrite.io/pink-icons-svelte';
import { Card } from '$lib/components';
@@ -252,7 +260,9 @@ const APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject.client.config.endpoint}";
gap="l">
{#if !connectionSuccessful}
<Typography.Text variant="m-400"
>Waiting for connection...</Typography.Text>
><ShimmerText --font-family="Inter"
>Waiting for connection...</ShimmerText
></Typography.Text>
{:else}
<!-- cannot apply fade on components -->
<div