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"> <section class="relative z-0 flex min-h-max w-full flex-col items-center py-20">
<div <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 }} use:animateIn={{ fade: 0.0, slide: 24 }}
> >
<div <div
class={clsx( class={clsx(
'z-10 flex flex-col gap-10 px-6 transition-transform delay-75 duration-300', '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"> <div class="txt-shadow_ mt-8 flex flex-col gap-6">
@ -131,6 +131,7 @@
{src} {src}
{poster} {poster}
autoplay autoplay
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"
hidden={index !== activeIndex} hidden={index !== activeIndex}