hyprwm/hyprland-website
1
0
Fork 0
mirror of https://github.com/hyprwm/hyprland-website.git synced 2024-12-23 02:39:48 +01:00
Code Issues Projects Releases Packages Wiki Activity

improve preview slice

Browse source
This commit is contained in:
VDawg 2023-11-13 19:50:05 +01:00
parent 6417ed647e
commit e61b27c376
1 changed files with 2 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/routes/PreviewRiceSlice.svelte
View file

@ -2,10 +2,8 @@
import { inview } from 'svelte-inview' import { inview } from 'svelte-inview'
import previewRice from '$lib/videos/end_4_rice_intro.mp4' import previewRice from '$lib/videos/end_4_rice_intro.mp4'
import previewRiceThumbnail from '$lib/videos/end_4_thumbnail.webp' import previewRiceThumbnail from '$lib/videos/end_4_thumbnail.webp'
import PauseIcon from '~icons/mingcute/pause-circle-line' import PlayIcon from '~icons/mingcute/play-circle-line'
import clsx from 'clsx' import clsx from 'clsx'
import { onMount } from 'svelte'
import { getIsMobile } from '$lib/Helper.mjs'
/** @type HTMLVideoElement */ /** @type HTMLVideoElement */
let videoElement let videoElement
@ -26,14 +24,6 @@
function makeFullscreen() { function makeFullscreen() {
videoElement.requestFullscreen() videoElement.requestFullscreen()
} }
onMount(() => {
const isMobile = getIsMobile()
if (isMobile) {
//
}
})
</script> </script>
<section class={$$restProps.class} class:isVisible> <section class={$$restProps.class} class:isVisible>
@ -85,7 +75,7 @@
<div <div
class="pointer-events-none absolute left-1/2 top-1/2 h-14 w-14 -translate-x-1/2 -translate-y-1/2 rounded-full opacity-80 hover:opacity-100" class="pointer-events-none absolute left-1/2 top-1/2 h-14 w-14 -translate-x-1/2 -translate-y-1/2 rounded-full opacity-80 hover:opacity-100"
> >
<PauseIcon class="h-full w-full" /> <PlayIcon class="h-full w-full" />
</div> </div>
{/if} {/if}
</div> </div>