parent
70dbeeb6f3
commit
b86b1538dd
|
@ -31,7 +31,7 @@
|
|||
"build:sitemap": "ts-node-esm build/build-sitemap.ts",
|
||||
"build:ssr": "NODE_OPTIONS='--max-old-space-size=4096'; vite build --ssr ./source/entries/entry-server.tsx --outDir ./dist/ssr --emptyOutDir && echo '{\"type\": \"module\"}' > dist/package.json",
|
||||
"build:storybook": "NODE_OPTIONS='--max-old-space-size=6144'; storybook build",
|
||||
"build:yaml-to-dts": "ts-node-esm scripts/build-yaml-to-dts.ts",
|
||||
"build:yaml-to-dts": "ts-node-esm build/build-yaml-to-dts.ts",
|
||||
"preview:mon-entreprise": "sed 's|:SITE_EN|_|g' netlify.preview.toml | sed 's|:SITE_FR||g' | sed 's|:API_URL|http://localhost:3004|g' > dist/netlify.toml && cd dist && netlify dev -d ./ -p 8888",
|
||||
"preview:infrance": " sed 's|:SITE_EN||g' netlify.preview.toml | sed 's|:SITE_FR|_|g' | sed 's|:API_URL|http://localhost:3004|g' > dist/netlify.toml && cd dist && netlify dev -d ./ -p 8889",
|
||||
"typecheck:watch": "tsc --skipLibCheck --noEmit --watch",
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import { keyframes } from 'styled-components'
|
||||
import { keyframes, styled } from 'styled-components'
|
||||
|
||||
type SkeletonProps = {
|
||||
width?: number
|
||||
|
@ -16,21 +16,24 @@ const skeletonKeyframes = keyframes`
|
|||
|
||||
export default function Skeleton({ width, height }: SkeletonProps) {
|
||||
return (
|
||||
<span
|
||||
<StyledSpan
|
||||
style={{
|
||||
backgroundColor: '#eee',
|
||||
backgroundImage: 'linear-gradient(90deg, #eee, #f5f5f5, #eee)',
|
||||
backgroundSize: '200px 100%',
|
||||
backgroundRepeat: 'no-repeat',
|
||||
borderRadius: '4px',
|
||||
display: 'inline-block',
|
||||
lineHeight: '1',
|
||||
animation: `${skeletonKeyframes} 1.2s ease-in-out infinite`,
|
||||
width,
|
||||
height,
|
||||
}}
|
||||
>
|
||||
‌
|
||||
</span>
|
||||
</StyledSpan>
|
||||
)
|
||||
}
|
||||
|
||||
const StyledSpan = styled.span`
|
||||
background-color: #eee;
|
||||
background-image: linear-gradient(90deg, #eee, #f5f5f5, #eee);
|
||||
background-size: 200px 100%;
|
||||
background-repeat: no-repeat;
|
||||
border-radius: 4px;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
animation: ${skeletonKeyframes} 1.2s ease-in-out infinite;
|
||||
`
|
|
@ -79,10 +79,6 @@ function Comparateur({ namedEngines }: { namedEngines: EngineComparison }) {
|
|||
</div>
|
||||
</Container>
|
||||
<Détails namedEngines={namedEngines} expandRevenuSection />
|
||||
<EngineDocumentationRoutes
|
||||
namedEngines={namedEngines}
|
||||
basePath={absoluteSitePaths.assistants['choix-du-statut'].comparateur}
|
||||
/>
|
||||
<EngineDocumentationRoutes
|
||||
basePath={absoluteSitePaths.simulateurs.comparaison}
|
||||
namedEngines={namedEngines}
|
||||
|
|
Loading…
Reference in New Issue