starred/reiverr
1
0
Fork 0
mirror of https://github.com/aleksilassila/reiverr.git synced 2026-04-18 05:53:14 +02:00
Code Issues Packages Projects Releases Wiki Activity

style: Redesign manage media ui

Browse Source
This commit is contained in:
Aleksi Lassila
2024-05-01 01:05:21 +03:00
parent 165f793a43
commit 0d05e3b530
11 changed files with 376 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/lib/components/HeroCarousel/HeroBackground.svelte
View File

@@ -7,6 +7,7 @@
export let urls: Promise<string[]>;
export let index: number;
export let hasFocus = true;
export let hideInterface = false;
let visibleIndex = -2;
let visibleIndexTimeout: ReturnType<typeof setTimeout>;
@@ -75,7 +76,11 @@
</div>
{/if}
</div>
<div class="absolute inset-0 flex flex-col -z-10">
<div class="h-screen bg-gradient-to-t from-secondary-500 to-transparent" />
<div class="flex-1 bg-secondary-500" />
<div
class={classNames('absolute inset-0 flex flex-col -z-10 transition-opacity', {
'opacity-0': hideInterface
})}
>
<div class="h-screen bg-gradient-to-b from-transparent to-secondary-900" />
<div class="flex-1 bg-secondary-900" />
</div>