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

pluginsSlice: decrease video gap

Browse source
This commit is contained in:
VDawg 2023-11-17 08:32:26 +01:00
parent 8a351b50a6
commit 4cfe27a655
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/routes/PluginsSlice.svelte
View file

@ -54,13 +54,13 @@
<section class="relative z-0 flex min-h-max w-full flex-col items-center py-20">
<div
class="mx-auto grid max-w-7xl grid-cols-1 gap-8 px-6 transition-all lg:grid-cols-2 lg:gap-24"
class="mx-auto grid max-w-7xl grid-cols-1 gap-8 px-6 transition-all lg:grid-cols-2 lg:gap-12"
use:animateIn={{ fade: 0.0, slide: 24 }}
>
<div
class={clsx(
'z-10 flex flex-col gap-10 px-6 transition-transform delay-75 duration-300',
isHoveringVideo && '-translate-x-28'
isHoveringVideo && '-translate-x-36'
)}
>
<div class="txt-shadow_ mt-8 flex flex-col gap-6">
@ -131,6 +131,7 @@
{src}
{poster}
autoplay
muted
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"
hidden={index !== activeIndex}