mirror of
https://github.com/appwrite/console.git
synced 2026-06-06 19:27:48 +00:00
add shimmer text
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user