hyprwm/hyprland-website
1
0
Fork 0
mirror of https://github.com/hyprwm/hyprland-website.git synced 2024-11-17 02:45:59 +01:00
Code Issues Projects Releases Packages Wiki Activity

pluginSlice: improve play btn position

Browse source
This commit is contained in:
VDawg 2023-11-17 16:41:26 +01:00
parent 91af0bcd9b
commit a263b60ebb
2 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/lib/components/Video.svelte
View file

@ -15,6 +15,8 @@
export let hidden = false export let hidden = false
/** @type {string}*/ /** @type {string}*/
export let videoClass = '' export let videoClass = ''
/** @type {string}*/
export let playButtonClass = ''
/** @type {HTMLVideoElement}*/ /** @type {HTMLVideoElement}*/
export let videoElement export let videoElement
let isPaused = true let isPaused = true
@ -69,7 +71,7 @@
> >
{#if isPaused} {#if isPaused}
<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 {playButtonClass}"
> >
<PlayIcon class="h-full w-full" /> <PlayIcon class="h-full w-full" />
</div> </div>

1
src/routes/PluginsSlice.svelte
View file

@ -134,6 +134,7 @@
muted muted
bind:videoElement={videos[index]} bind:videoElement={videos[index]}
class="z-10 aspect-video h-[inherit] origin-left rounded-lg object-cover object-left shadow-xl shadow-cyan-700/50 outline outline-2 outline-cyan-500 duration-500" class="z-10 aspect-video h-[inherit] origin-left rounded-lg object-cover object-left shadow-xl shadow-cyan-700/50 outline outline-2 outline-cyan-500 duration-500"
playButtonClass=" lg:left-32 xl:left-1/2"
hidden={index !== activeIndex} hidden={index !== activeIndex}
on:pause={pauseVideos} on:pause={pauseVideos}
on:play={playVideos} on:play={playVideos}