From d73f91150855a97b8dc830a83572cbaaf1d95356 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Tue, 22 Feb 2022 15:06:09 +0100 Subject: chore(homepage): use next/image for images and specify width/height --- .../ResponsiveImage/ResponsiveImage.module.scss | 23 +++++++++++----------- 1 file changed, 12 insertions(+), 11 deletions(-) (limited to 'src/components/MDX/ResponsiveImage/ResponsiveImage.module.scss') diff --git a/src/components/MDX/ResponsiveImage/ResponsiveImage.module.scss b/src/components/MDX/ResponsiveImage/ResponsiveImage.module.scss index 34b1a92..cf2b77f 100644 --- a/src/components/MDX/ResponsiveImage/ResponsiveImage.module.scss +++ b/src/components/MDX/ResponsiveImage/ResponsiveImage.module.scss @@ -1,10 +1,21 @@ @use "@styles/abstracts/functions" as fun; .wrapper { - width: max-content; + width: 100%; max-width: 100%; margin: var(--spacing-sm) auto; position: relative; + text-align: center; +} + +.caption { + margin: 0; + padding: fun.convert-px(4) var(--spacing-2xs); + background: var(--color-bg-secondary); + border: fun.convert-px(1) solid var(--color-border); + box-shadow: 0 fun.convert-px(-1) fun.convert-px(1) fun.convert-px(1) + var(--color-shadow-light); + font-weight: 500; } .link { @@ -37,13 +48,3 @@ } } } - -.caption { - margin: 0; - padding: fun.convert-px(4) var(--spacing-2xs); - background: var(--color-bg-secondary); - border: fun.convert-px(1) solid var(--color-border); - box-shadow: 0 fun.convert-px(-1) fun.convert-px(1) fun.convert-px(1) - var(--color-shadow-light); - font-weight: 500; -} -- cgit v1.2.3