From b26e2c277563beb101490584fe84cbd63c8dd955 Mon Sep 17 00:00:00 2001 From: Nathan Panchout Date: Mon, 23 Dec 2024 20:11:53 +0100 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8(frontend)=20enhance=20DocsGrid=20comp?= =?UTF-8?q?onent=20and=20simplify=20layout?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - add scroll inside the doc grid --- .../docs/docs-grid/components/DocsGrid.tsx | 19 ++++++++++++++++++- .../apps/impress/src/pages/docs/index.tsx | 7 +------ 2 files changed, 19 insertions(+), 7 deletions(-) diff --git a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx index 746428fad..c51ca99b5 100644 --- a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx +++ b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx @@ -1,6 +1,7 @@ import { Button, Loader } from '@openfun/cunningham-react'; import { useTranslation } from 'react-i18next'; import { InView } from 'react-intersection-observer'; +import { css } from 'styled-components'; import { Box, Card, Text } from '@/components'; import { useResponsiveStore } from '@/stores'; @@ -51,10 +52,26 @@ export const DocsGrid = ({ : t('All docs'); return ( - + { const searchParams = useSearchParams(); const target = searchParams.get('target'); - return ( - - - - ); + return ; }; Page.getLayout = function getLayout(page: ReactElement) {