diff options
| author | Tim Keller <tjk@tjkeller.xyz> | 2025-06-17 21:23:46 -0500 |
|---|---|---|
| committer | Tim Keller <tjk@tjkeller.xyz> | 2025-06-17 21:23:46 -0500 |
| commit | ecc580218ac64cc5d42b197bdaf9d15bd551d64b (patch) | |
| tree | 240be32328a529a2de1737526dfa2ce1cd6e398d | |
| parent | 1df46c6a636fd8d1d4f795d30f027b931f20b346 (diff) | |
| download | immich-frame-ecc580218ac64cc5d42b197bdaf9d15bd551d64b.tar.xz immich-frame-ecc580218ac64cc5d42b197bdaf9d15bd551d64b.zip | |
remove semis from end of css apply lines and remove last of standard css
| -rw-r--r-- | public/index.html | 5 | ||||
| -rw-r--r-- | src/style.css | 27 |
2 files changed, 11 insertions, 21 deletions
diff --git a/public/index.html b/public/index.html index bd55000..afbb504 100644 --- a/public/index.html +++ b/public/index.html @@ -7,13 +7,12 @@ </head> <body class="bg-black text-white fill-white h-screen max-h-screen flex flex-col m-0 overflow-hidden"> <header></header> - <main class="my-4"> - <div id="slideshow" class="hidden!"> + <main class="my-4 overflow-hidden h-full flex flex-col"> + <div id="slideshow" class="hidden! overflow-hidden h-full flex flex-col"> <div class="flex justify-end pe-[10vw] w-full absolute bg-gradient-to-b from-black/40 z-20"> <div id="slideshow-share" class="z-10"> <button id="share" class="svg-btn p-3 size-12"><svg alt="Share" class="size-6"><use href="#sprite-share"></use></svg></button> <button id="download" class="svg-btn p-3 size-12"><svg alt="Download" class="size-6"><use href="#sprite-download"></use></svg></button> - <!-- <button id="hide"><svg alt="Don't Show This Image"><use href="#skip_next"></use></svg></button> --> </div> </div> <div id="slideshow-carousel" class="h-full"></div> diff --git a/src/style.css b/src/style.css index 4760434..a41fa4c 100644 --- a/src/style.css +++ b/src/style.css @@ -3,18 +3,11 @@ :root { --font-sans: "Overpass", sans-serif; - @apply scheme-dark; -} - -main, #slideshow { - height: 100%; - display: flex; - flex-direction: column; - overflow: hidden; + @apply scheme-dark } .svg-btn { - @apply bg-none border-0 p-0 cursor-pointer; + @apply bg-none border-0 p-0 cursor-pointer } .nav-btn { @@ -22,14 +15,13 @@ main, #slideshow { hover:text-blue-300 hover:fill-blue-300 data-selected:text-blue-300 data-selected:fill-blue-300 data-selected:bg-gray-900 - ; } .carousel-cell { - @apply h-full w-[70vw] mx-3 md:w-[80vw] md:mx-6; + @apply h-full w-[70vw] mx-3 md:w-[80vw] md:mx-6 } .carousel-img { - @apply align-middle h-full max-w-full object-contain; + @apply align-middle h-full max-w-full object-contain } .album { @@ -37,21 +29,20 @@ main, #slideshow { border-y border-slate-800 data-selected:bg-slate-950 data-selected:hover:bg-slate-900 hover:bg-gray-900 - ; } .rounded-fieldset { - @apply border rounded-2xl p-6 border-gray-500 flex flex-col gap-4; + @apply border border-gray-500 rounded-2xl p-6 flex flex-col gap-4 } .fieldset-header { - @apply font-bold text-blue-300 fill-blue-300 text-xl; + @apply font-bold text-blue-300 fill-blue-300 text-xl } .settings-label { - @apply font-medium text-blue-200; + @apply font-medium text-blue-200 } .rounded-input { - @apply rounded-2xl bg-zinc-800 p-4; + @apply rounded-2xl bg-zinc-800 p-4 } .rounded-btn { - @apply rounded-full w-fit bg-blue-200 px-4 py-2 text-black font-medium; + @apply rounded-full w-fit bg-blue-200 px-4 py-2 text-black font-medium } |