Files
windmill/frontend/src/lib/components/CenteredModal.svelte
T
2022-07-02 21:04:41 +02:00

34 lines
959 B
Svelte

<script lang="ts">
import { SettingsService } from '$lib/gen'
export let subtitle: string | undefined = undefined
export let title = 'Welcome to Windmill (beta)'
let version = ''
SettingsService.backendVersion().then((x) => {
version = x
})
</script>
<div class="flex justify-center min-h-screen bg-gray-50 pt-10">
<div class="w-10/12 md:w-7/12 lg:w-6/12 xl:4/12 m-auto">
<h1 class="justify-center text-center font-medium pb-2 text-gray-700">
{title}
</h1>
{#if subtitle}
<p class="justify-center text-center font-medium pb-2 text-gray-700 text-xs">
{subtitle}
</p>
{/if}
<div class="border rounded-md py-12 px-16 shadow-md bg-white">
<slot />
</div>
<!-- empty row to make the form a little bit above vertical centering-->
<div class="py-12" />
</div>
<div class="absolute top-0 right-0 text-2xs text-gray-500 italic px-3 py-1">
windmill.dev backend v. <span class="font-mono">{version}</span>
</div>
</div>