Various bug fixes and improvements

This commit is contained in:
Aleksi Lassila
2023-08-10 02:52:36 +03:00
parent 4d98320581
commit 3722214636
17 changed files with 110 additions and 180 deletions

View File

@@ -41,7 +41,7 @@
"'); height: " +
imageHeight.toFixed() +
'px'}
class={classNames('hidden sm:block inset-x-0 bg-center bg-cover z-[-10]', {
class={classNames('hidden sm:block inset-x-0 bg-center bg-cover', {
absolute: isModal,
fixed: !isModal
})}
@@ -56,13 +56,13 @@
"'); height: " +
imageHeight.toFixed() +
'px'}
class="sm:hidden fixed inset-x-0 bg-center bg-cover z-[-10]"
class="sm:hidden fixed inset-x-0 bg-center bg-cover"
>
<div class="absolute inset-0 bg-darken" />
</div>
<div
class={classNames('flex flex-col', {
class={classNames('flex flex-col relative z-[1]', {
'h-[85vh] sm:h-screen': !isModal,
'': isModal
})}
@@ -129,7 +129,7 @@
</div>
<div
class={classNames('flex flex-col gap-6 bg-stone-950 px-2 sm:px-4 lg:px-8 pb-6', {
class={classNames('flex flex-col gap-6 bg-stone-950 px-2 sm:px-4 lg:px-8 pb-6 relative z-[1]', {
'2xl:px-0': !isModal
})}
>

View File

@@ -1,10 +1,9 @@
<script lang="ts">
import { onMount } from 'svelte';
import type { TitleType } from '$lib/types';
import { fly } from 'svelte/transition';
import MoviePage from '../../../routes/movie/[id]/MoviePage.svelte';
import SeriesPage from '../../../routes/series/[id]/SeriesPage.svelte';
import { modalStack } from '../Modal/Modal';
import type { TitleType } from '$lib/types';
export let tmdbId: number;
export let type: TitleType;
@@ -13,12 +12,6 @@
function handleCloseModal() {
modalStack.close(modalId);
}
onMount(() => {
console.log('TitlePageModal mounted');
return () => console.log('TitlePageModal unmounted');
});
</script>
<div