mirror of
https://github.com/hyprwm/hyprland-website.git
synced 2024-12-23 02:39:48 +01:00
pluginsSlice: animate in
This commit is contained in:
parent
5d17ccf7ce
commit
a85a6f2976
1 changed files with 2 additions and 0 deletions
|
@ -5,6 +5,7 @@
|
||||||
import IconLinkOut from '~icons/mingcute/external-link-line'
|
import IconLinkOut from '~icons/mingcute/external-link-line'
|
||||||
import clsx from 'clsx'
|
import clsx from 'clsx'
|
||||||
import Video from '$lib/components/Video.svelte'
|
import Video from '$lib/components/Video.svelte'
|
||||||
|
import { animateIn } from '$lib/Helper.mjs'
|
||||||
|
|
||||||
/** @type {HTMLVideoElement[]}*/
|
/** @type {HTMLVideoElement[]}*/
|
||||||
const videos = []
|
const videos = []
|
||||||
|
@ -54,6 +55,7 @@
|
||||||
<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-24"
|
||||||
|
use:animateIn={{ fade: 0.0, slide: 24 }}
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class={clsx(
|
class={clsx(
|
||||||
|
|
Loading…
Reference in a new issue