Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-05-31 20:25:32 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): noscript message (#2278)

Browse Source
This commit is contained in:
Michel Heusschen 2023-04-18 18:24:17 +02:00 committed by GitHub
parent c8d3faec6d
commit 8a421831ab
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
web/src/app.html
View File

@ -16,32 +16,6 @@
</head> </head>
<body class="bg-immich-bg dark:bg-immich-dark-bg"> <body class="bg-immich-bg dark:bg-immich-dark-bg">
<noscript>
<section
class="h-screen w-screen absolute z-[1000] flex place-items-center place-content-center p-4 bg-immich-bg dark:bg-immich-dark-bg"
>
<div
class="flex flex-col gap-4 border bg-white dark:bg-immich-dark-gray dark:border-immich-dark-gray p-8 shadow-sm w-full max-w-lg rounded-3xl"
>
<div class="flex flex-col place-items-center place-content-center gap-4 py-4">
<img
src="/src/lib/assets/immich-logo.svg"
alt="Immich Logo"
draggable="false"
class="h-24 w-24"
/>
<h1 class="text-2xl text-immich-primary dark:text-immich-dark-primary font-medium">
Welcome to Immich
</h1>
</div>
<div>
<p class="dark:text-immich-dark-fg text-center">
To use Immich, you must enable JavaScript or use a JavaScript compatible browser.
</p>
</div>
</div>
</section>
</noscript>
<div>%sveltekit.body%</div> <div>%sveltekit.body%</div>
</body> </body>
</html> </html>

9
web/src/routes/+layout.svelte
View File

@ -12,6 +12,7 @@
import type { LayoutData } from './$types'; import type { LayoutData } from './$types';
import { fileUploadHandler } from '$lib/utils/file-uploader'; import { fileUploadHandler } from '$lib/utils/file-uploader';
import UploadCover from '$lib/components/shared-components/drag-and-drop-upload-overlay.svelte'; import UploadCover from '$lib/components/shared-components/drag-and-drop-upload-overlay.svelte';
import FullscreenContainer from '$lib/components/shared-components/fullscreen-container.svelte';
let showNavigationLoadingBar = false; let showNavigationLoadingBar = false;
export let data: LayoutData; export let data: LayoutData;
@ -59,6 +60,14 @@
{/if} {/if}
</svelte:head> </svelte:head>
<noscript
class="h-screen w-screen absolute z-[1000] flex place-items-center place-content-center bg-immich-bg dark:bg-immich-dark-bg dark:text-immich-dark-fg"
>
<FullscreenContainer title="Welcome to Immich">
To use Immich, you must enable JavaScript or use a JavaScript compatible browser.
</FullscreenContainer>
</noscript>
{#if showNavigationLoadingBar} {#if showNavigationLoadingBar}
<NavigationLoadingBar /> <NavigationLoadingBar />
{/if} {/if}