From 5f0de4dc873e3c0d71765022ffb4923812fd5c2e Mon Sep 17 00:00:00 2001 From: Tim Keller Date: Tue, 17 Jun 2025 20:10:49 -0500 Subject: settings page updated style --- public/index.html | 75 ++++++++++++++++++++++++++++++++++--------------------- src/style.css | 9 +++++-- 2 files changed, 54 insertions(+), 30 deletions(-) diff --git a/public/index.html b/public/index.html index a91266f..dc140fe 100644 --- a/public/index.html +++ b/public/index.html @@ -7,7 +7,7 @@
-
+
@@ -58,40 +58,59 @@ Immich Server - - - - +
+ +

Complete Immich base url (e.g. http://immich.local)

+
+ +
+ +

Generate an API key in User Settings

+
+

Display

- - - - - - - - - - -
-
-

- - Caching -

- - +
+
+ +

Number of seconds each image will be displayed.

+
+ +
+ +

Number of seconds each transition between images will take.
Set as 0 to disable.

+
+ +
+ +

Target display framerate.
Simple transitions look good as low as 12-15 fps.

+
+ + +
+ +

Image size to load on the display.
Large thumbnail size is suitable for FHD.

+
+ +
+ +

Number of assets that can exist at once in RAM.
Each additional asset will take ~2x the display size in memory.

+
+ +
- +
diff --git a/src/style.css b/src/style.css index d28de5a..f4bf0a0 100644 --- a/src/style.css +++ b/src/style.css @@ -10,6 +10,7 @@ --selected-border: rgb(172 203 250 / .1); --immich-dark-hover-bg: rgb(17 24 39); --immich-dark-hover-border: rgb(31 41 55); + @apply scheme-dark; } main, #slideshow { @@ -91,13 +92,17 @@ fieldset h2 { @apply font-bold text-blue-300 fill-blue-300 text-xl; } fieldset label { - @apply font-medium text-blue-300 + @apply font-medium text-blue-200 } -fieldset input, fieldset select { +.rounded-input { @apply rounded-2xl bg-zinc-800 p-4 } +.rounded-button { + @apply rounded-full w-fit bg-blue-200 px-4 py-2 text-black font-medium; +} + #menu a { @apply flex items-center justify-center no-underline w-full gap-4 p-3 rounded-full hover:text-blue-300 hover:fill-blue-300 -- cgit v1.2.3