From 0e960c0654b77216b7026b19f67e7de32a4efb80 Mon Sep 17 00:00:00 2001 From: Lanskikh Date: Fri, 30 Aug 2024 14:43:18 +0500 Subject: [PATCH] client logos in process --- src/app/layout.tsx | 2 +- src/components/pages/MainPage/Clients.tsx | 11 +++++++---- tailwind.config.ts | 4 ++-- 3 files changed, 10 insertions(+), 7 deletions(-) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 52cc6ae9..27965834 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -23,7 +23,7 @@ export default function RootLayout({ return ( - +
{children} diff --git a/src/components/pages/MainPage/Clients.tsx b/src/components/pages/MainPage/Clients.tsx index 21cb12d8..7c93d0f9 100644 --- a/src/components/pages/MainPage/Clients.tsx +++ b/src/components/pages/MainPage/Clients.tsx @@ -3,7 +3,7 @@ import Image from 'next/image'; export function Clients() { return ( -
+
@@ -12,15 +12,18 @@ export function Clients() { function MarqueeHalf() { return ( -
+
{clients.map(client => ( -
+
{client.src}
))} diff --git a/tailwind.config.ts b/tailwind.config.ts index e31711c8..ebe60ea2 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -13,12 +13,12 @@ const config: Config = { 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))', }, animation: { - 'infinite-scroll': 'infinite-scroll 20s linear infinite', + 'infinite-scroll': 'infinite-scroll 10s linear infinite', 'highlight-product': 'highlight-product 0.1s ease-in 0s', }, keyframes: { 'infinite-scroll': { - from: { transform: 'translateX(0)' }, + from: { transform: 'translateX(0%)' }, to: { transform: 'translateX(-100%)' }, }, 'highlight-product': {