fix: wrong support import

This commit is contained in:
NoCrypt 2024-08-01 17:32:39 +07:00
parent 4f2e57a270
commit 8e16fb13db
5 changed files with 11 additions and 10 deletions

View file

@ -1,6 +1,6 @@
<script context='module'>
const mql = matchMedia('(min-width: 769px)')
export const isMobile = readable(!mql.matches, set => {
const isMobile = readable(!mql.matches, set => {
const check = ({ matches }) => set(!matches)
mql.addEventListener('change', check)
return () => mql.removeEventListener('change', check)

View file

@ -6,8 +6,7 @@
import { getContext } from 'svelte'
import { liveAnimeEpisodeProgress } from '@/modules/animeprogress.js'
import { anilistClient } from '@/modules/anilist.js'
import { isMobile } from '@/Router.svelte'
import { SUPPORTS } from '@/modules/support';
import { SUPPORTS } from '@/modules/support.js';
export let data
@ -19,7 +18,9 @@
const view = getContext('view')
function viewMedia () {
if (SUPPORTS.isAndroid) document.querySelector('.content-wrapper').requestFullscreen()
if (SUPPORTS.isAndroid) {
document.querySelector('.content-wrapper').requestFullscreen()
}
if (data.onclick) {
data.onclick()
return
@ -35,7 +36,7 @@
<div class='d-flex p-20 pb-10 position-relative episode-card' use:hoverClick={[viewMedia, setHoverState]}>
{#if preview}
{#if !$isMobile}
{#if !SUPPORTS.isAndroid}
<EpisodePreviewCard {data} />
{/if}
{/if}

View file

@ -3,7 +3,7 @@
import { formatMap, statusColorMap } from '@/modules/anime.js'
import { click } from '@/modules/click.js'
import { countdown } from '@/modules/util.js'
import { SUPPORTS } from '@/modules/support';
import { SUPPORTS } from '@/modules/support.js';
import { page } from '@/App.svelte'
/** @type {import('@/modules/al.d.ts').Media} */
export let media

View file

@ -4,7 +4,7 @@
import { formatMap, statusColorMap } from '@/modules/anime.js'
import { hoverClick } from '@/modules/click.js'
import { countdown } from '@/modules/util.js'
import { SUPPORTS } from '@/modules/support';
import { SUPPORTS } from '@/modules/support.js';
import { page } from '@/App.svelte'
/** @type {import('@/modules/al.d.ts').Media} */

View file

@ -8,7 +8,7 @@
import { search } from '../Search.svelte'
import { page } from '@/App.svelte'
import { click } from '@/modules/click.js'
import { isMobile } from '@/Router.svelte';
import { SUPPORTS } from '@/modules/support.js';
export let opts
@ -42,8 +42,8 @@
<div class='position-relative '>
<div class='pb-10 w-full d-flex flex-row justify-content-start gallery'
class:isRSS={opts.isRSS}
class:overflow-x-scroll={opts.isRSS && $isMobile}
class:fader={!$isMobile}
class:overflow-x-scroll={opts.isRSS && SUPPORTS.isAndroid}
class:fader={!SUPPORTS.isAndroid}
>
{#each $preview || fakecards as card}
<Card {card} />