Files
windmill/frontend/src/lib/components/CenteredModal.svelte
2024-02-19 14:26:00 +01:00

44 lines
1.2 KiB
Svelte

<script lang="ts">
import { setLicense } from '$lib/enterpriseUtils'
import { enterpriseLicense } from '$lib/stores'
import WindmillIcon from './icons/WindmillIcon.svelte'
import LoginPageHeader from './LoginPageHeader.svelte'
export let subtitle: string | undefined = undefined
export let title = 'Windmill'
export let disableLogo = false
setLicense()
</script>
<div class="center-center min-h-screen p-4 relative bg-surface-secondary">
<div class="flex flex-col gap-2 items-center w-full">
{#if (!disableLogo && !$enterpriseLicense) || !$enterpriseLicense?.endsWith('_whitelabel')}
<div class="hidden lg:block">
<div>
<WindmillIcon height="100px" width="100px" spin="slow" />
</div>
<h2 class="text-center pt-2 text-primary">Windmill</h2>
</div>
{/if}
<div
class="border rounded-md shadow-md bg-surface w-full max-w-[640px] p-4 sm:py-8 sm:px-10 mb-6 md:mb-20 z-10"
>
<div class="mb-10">
<h1 class="text-center text-primary">
{title}
</h1>
{#if subtitle}
<p class="text-sm text-center text-secondary mt-2">
{subtitle}
</p>
{/if}
</div>
<slot />
</div>
</div>
<LoginPageHeader />
</div>