From 080a7721d02487cc0d51d7e6d6c72ddee35a1042 Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Sun, 20 Apr 2025 17:02:44 +0200
Subject: [PATCH] fix: UI fixes

---
 src/lib/components/Backplate.svelte         | 2 +-
 src/lib/components/SearchModal.svelte       | 2 +-
 src/lib/components/ui/player/player.svelte  | 6 +++---
 src/lib/components/ui/player/seekbar.svelte | 2 +-
 src/lib/modules/anizip/index.ts             | 8 ++++----
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/lib/components/Backplate.svelte b/src/lib/components/Backplate.svelte
index 60b1cc2..bcb40d9 100644
--- a/src/lib/components/Backplate.svelte
+++ b/src/lib/components/Backplate.svelte
@@ -42,7 +42,7 @@
     clearTimeout(timeout)
     if (idleAnimation === 'off' || active) return reset()
 
-    timeout = setTimeout(start, 20_000)
+    timeout = setTimeout(start, 120_000)
   }
 
   $: checkIdleState(active, $settings.idleAnimation)
diff --git a/src/lib/components/SearchModal.svelte b/src/lib/components/SearchModal.svelte
index c539275..b8a0a7d 100644
--- a/src/lib/components/SearchModal.svelte
+++ b/src/lib/components/SearchModal.svelte
@@ -141,7 +141,7 @@
 </script>
 
 <Dialog.Root bind:open onOpenChange={close} portal='#root'>
-  <Dialog.Content class='bg-black h-full lg:border-x-4 border-b-0 max-w-5xl w-full max-h-[calc(100%-1rem)] mt-2 p-0 items-center flex lg:rounded-t-xl overflow-hidden'>
+  <Dialog.Content class='bg-black h-full lg:border-x-4 border-b-0 max-w-5xl w-full max-h-[calc(100%-1rem)] mt-2 p-0 items-center flex lg:rounded-t-xl overflow-hidden z-[100]'>
     <div class='absolute top-0 left-0 w-full h-full max-h-28 overflow-hidden'>
       {#if $searchStore.media}
         <Banner media={$searchStore.media} class='object-cover w-full h-full absolute bottom-[0.5px] left-0 -z-10' />
diff --git a/src/lib/components/ui/player/player.svelte b/src/lib/components/ui/player/player.svelte
index 8d0d084..5728144 100644
--- a/src/lib/components/ui/player/player.svelte
+++ b/src/lib/components/ui/player/player.svelte
@@ -611,7 +611,7 @@
       {/await}
     {/if}
     {#if stats}
-      <div class='absolute top-10 left-10 backdrop-blur-lg border-white/15 border bg-black/20 pointer-events-auto select:opacity-100 cursor-default px-3 py-2 rounded'>
+      <div class='absolute top-10 left-10 backdrop-blur-lg border-white/15 border bg-black/20 pointer-events-auto transition-opacity select:opacity-100 px-3 py-2 rounded'>
         <button class='absolute right-3 top-1' type='button' use:click={toggleStats}>×</button>
         FPS: {stats.fps}<br />
         Presented frames: {stats.presented}<br />
@@ -624,8 +624,8 @@
       </div>
     {/if}
     <Options {wrapper} bind:openSubs {video} {seekTo} {selectAudio} {selectVideo} {fullscreen} {chapters} {subtitles} {videoFiles} {selectFile} {pip} bind:playbackRate
-      class='{$settings.minimalPlayerUI ? 'inline-flex' : 'mobile:inline-flex hidden'} p-3 w-12 h-12 absolute top-10 right-10 backdrop-blur-lg border-white/15 border bg-black/20 pointer-events-auto select:opacity-100 cursor-default {immersed && 'opacity-0'}' />
-    <div class='mobile:flex hidden gap-4 absolute items-center select:opacity-100 cursor-default' class:opacity-0={immersed}>
+      class='{$settings.minimalPlayerUI ? 'inline-flex' : 'mobile:inline-flex hidden'} p-3 w-12 h-12 absolute top-10 right-10 backdrop-blur-lg border-white/15 border bg-black/20 pointer-events-auto transition-opacity select:opacity-100 {immersed && 'opacity-0'}' />
+    <div class='mobile:flex hidden gap-4 absolute items-center transition-opacity select:opacity-100' class:opacity-0={immersed}>
       <Button class='p-3 w-16 h-16 pointer-events-auto rounded-[50%] backdrop-blur-lg border-white/15 border bg-black/20' variant='ghost' disabled={!prev}>
         <SkipBack size='24px' fill='currentColor' strokeWidth='1' />
       </Button>
diff --git a/src/lib/components/ui/player/seekbar.svelte b/src/lib/components/ui/player/seekbar.svelte
index c0803e4..1ac0d2d 100644
--- a/src/lib/components/ui/player/seekbar.svelte
+++ b/src/lib/components/ui/player/seekbar.svelte
@@ -69,7 +69,7 @@
       }
     }
 
-    if (!barSegments.length) barSegments.push({ size: 100, text: '', offset: 0, scale: 100 })
+    if (!barSegments.length) barSegments.push({ size: 100, text: '', offset: 0, scale: 1 })
 
     return barSegments
   }
diff --git a/src/lib/modules/anizip/index.ts b/src/lib/modules/anizip/index.ts
index 904ee28..be2ba0b 100644
--- a/src/lib/modules/anizip/index.ts
+++ b/src/lib/modules/anizip/index.ts
@@ -9,13 +9,13 @@ const safefetch = async <T> (_fetch: typeof fetch, ...args: Parameters<typeof fe
   }
 }
 
-// const episodes = safefetch<EpisodesResponse>(`https://api.ani.zip/v1/episodes?anilist_id=${params.id}`)
-// const mappings = safefetch<MappingsResponse>(fetch, `https://api.ani.zip/v1/mappings?anilist_id=${params.id}`)
+// const episodes = safefetch<EpisodesResponse>(`https://hayase.ani.zip/v1/episodes?anilist_id=${params.id}`)
+// const mappings = safefetch<MappingsResponse>(fetch, `https://hayase.ani.zip/v1/mappings?anilist_id=${params.id}`)
 
 export async function episodes (id: number, _fetch = fetch) {
-  return await safefetch<EpisodesResponse>(_fetch, `https://api.ani.zip/v1/episodes?anilist_id=${id}`)
+  return await safefetch<EpisodesResponse>(_fetch, `https://hayase.ani.zip/v1/episodes?anilist_id=${id}`)
 }
 
 export async function mappings (id: number, _fetch = fetch) {
-  return await safefetch<MappingsResponse>(_fetch, `https://api.ani.zip/v1/mappings?anilist_id=${id}`)
+  return await safefetch<MappingsResponse>(_fetch, `https://hayase.ani.zip/v1/mappings?anilist_id=${id}`)
 }