Преглед на файлове

fix(web): show noscript message when js not enabled (#2274)

* show noscript message when js not enabled

* remove comment

* fix typo

---------

Co-authored-by: faupau03 <paul.paffe@gmx.net>
faupau преди 2 години
родител
ревизия
137d246d6a
променени са 1 файла, в които са добавени 26 реда и са изтрити 0 реда
  1. 26 0
      web/src/app.html

+ 26 - 0
web/src/app.html

@@ -16,6 +16,32 @@
 	</head>
 
 	<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>
 	</body>
 </html>