File size: 1,699 Bytes
0bd62e5 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 |
<script lang="ts">
import "../../theme.css";
import { setupi18n } from "../../../../core/src/i18n";
import { Gradio, formatter } from "../../../../core/src/gradio_helper";
import "../../../../theme/src/reset.css";
import "../../../../theme/src/global.css";
import "../../../../theme/src/pollen.css";
// import "../theme/src/tokens.css";
import "../../../../theme/src/typography.css";
import type { PageData } from "./$types";
import { onMount } from "svelte";
import { page } from "$app/stores";
export let data: PageData;
$: ({ component, interactive_component, non_interactive_component, name } =
data);
function identity<T>(x: T): T {
return x;
}
function noop(): void {}
const client = {
upload: noop,
fetch: noop
};
let target: HTMLElement | null = null;
onMount(() => {
target = document.body;
});
</script>
<svelte:head>
<title>About</title>
<meta name="description" content="About this app" />
</svelte:head>
<div>
{#if interactive_component}
<svelte:component
this={component.default}
{...interactive_component.props}
gradio={{
dispatch: console.warn,
i18n: identity,
client,
root: $page.url.origin
}}
{target}
/>
{/if}
{#if non_interactive_component}
<svelte:component
this={component.default}
{...non_interactive_component.props}
gradio={{
dispatch: console.warn,
i18n: identity,
client,
root: $page.url.origin
}}
{target}
/>
{/if}
</div>
<style>
div {
display: flex;
justify-content: center;
align-items: center;
gap: 2rem;
padding: 2rem;
flex-direction: column;
}
</style>
|