From b777997351bacf5ca495232b781b58cfccf22438 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Rialland?= Date: Tue, 29 Mar 2022 13:26:23 +0200 Subject: [PATCH] Refacto table --- site/source/design-system/Popover.tsx | 2 +- .../design-system/buttons/ButtonHelp.tsx | 4 +- .../ExplicationResultatFiscal.tsx | 44 ++++++++++++------- 3 files changed, 31 insertions(+), 19 deletions(-) diff --git a/site/source/design-system/Popover.tsx b/site/source/design-system/Popover.tsx index 867a1da5a..70c0cb7a3 100644 --- a/site/source/design-system/Popover.tsx +++ b/site/source/design-system/Popover.tsx @@ -74,7 +74,7 @@ export default function Popover( - + )} title={title} - small + small={small} > {children} diff --git a/site/source/pages/Gerer/AideDéclarationIndépendant/ExplicationResultatFiscal.tsx b/site/source/pages/Gerer/AideDéclarationIndépendant/ExplicationResultatFiscal.tsx index 215580c1a..b0aeb5099 100644 --- a/site/source/pages/Gerer/AideDéclarationIndépendant/ExplicationResultatFiscal.tsx +++ b/site/source/pages/Gerer/AideDéclarationIndépendant/ExplicationResultatFiscal.tsx @@ -1,10 +1,33 @@ import ButtonHelp from '@/design-system/buttons/ButtonHelp' import { Li, Ul } from '@/design-system/typography/list' -import { Body } from '@/design-system/typography/paragraphs' +import { baseParagraphStyle, Body } from '@/design-system/typography/paragraphs' +import styled from 'styled-components' + +export const StyledTable = styled.table` + ${baseParagraphStyle} + font-size: 0.85em; + text-align: center; + border-collapse: collapse; + display: block; + overflow-y: auto; + + tr:nth-child(2n + 3) { + background: var(--lightestColor); + } + + td { + padding: 0.5rem; + border: 1px solid ${({ theme }) => theme.colors.extended.grey[500]}; + } +` export function ExplicationsResultatFiscal() { return ( - + Pour calculer le montant du résultat fiscal avant déduction des exonérations et des charges sociales à indiquer dans ce simulateur, vous @@ -24,20 +47,7 @@ export function ExplicationsResultatFiscal() { Ajoutez les exonérations (2) - + @@ -141,7 +151,7 @@ export function ExplicationsResultatFiscal() { -
+ ) }