diff --git a/packages/design-system/lib/components/Image/index.tsx b/packages/design-system/lib/components/Image/index.tsx index 7e3fce770..8b93445e4 100644 --- a/packages/design-system/lib/components/Image/index.tsx +++ b/packages/design-system/lib/components/Image/index.tsx @@ -45,7 +45,7 @@ export default function Image({ } if (!src || imageError) { - return + return } return ( diff --git a/packages/design-system/lib/components/ImageFallback/imageFallback.module.css b/packages/design-system/lib/components/ImageFallback/imageFallback.module.css index c688c2a15..ec6464305 100644 --- a/packages/design-system/lib/components/ImageFallback/imageFallback.module.css +++ b/packages/design-system/lib/components/ImageFallback/imageFallback.module.css @@ -7,4 +7,8 @@ min-width: 200px; min-height: 200px; background-color: var(--Surface-Feedback-Neutral-light); + + &.fill { + position: absolute; + } } diff --git a/packages/design-system/lib/components/ImageFallback/index.tsx b/packages/design-system/lib/components/ImageFallback/index.tsx index 1c43c0ab3..e24702c57 100644 --- a/packages/design-system/lib/components/ImageFallback/index.tsx +++ b/packages/design-system/lib/components/ImageFallback/index.tsx @@ -6,18 +6,20 @@ import styles from "./imageFallback.module.css" interface ImageFallbackProps extends React.HTMLAttributes { width?: string height?: string + fill?: boolean } export default function ImageFallback({ width = "100%", height = "100%", className, + fill = false, ...props }: ImageFallbackProps) { return (