From 197617e2d518f978dcbe0ce8a4932fcad4e42867 Mon Sep 17 00:00:00 2001
From: Avior <github@avior.me>
Date: Sun, 23 Oct 2022 16:30:49 +0200
Subject: [PATCH] fix: Fullscreen bein weird

Signed-off-by: Avior <github@avior.me>
---
 src/Image/Image.stories.tsx | 10 ++++++++++
 src/Image/index.tsx         |  1 +
 2 files changed, 11 insertions(+)
 create mode 100644 src/Image/Image.stories.tsx

diff --git a/src/Image/Image.stories.tsx b/src/Image/Image.stories.tsx
new file mode 100644
index 0000000..a3f389b
--- /dev/null
+++ b/src/Image/Image.stories.tsx
@@ -0,0 +1,10 @@
+import { Meta, Story } from '@storybook/react/types-6-0'
+import React from 'react'
+import Component from '.'
+
+export default {
+	title: 'DZEIO/Image',
+	component: Component
+} as Meta
+
+export const Image: Story<any> = (args: any) => <Component imageProps={{src: '/90-38.svg', width: 90, height: 38}} fullscreen {...args} />
diff --git a/src/Image/index.tsx b/src/Image/index.tsx
index 0ae0fe6..2c04624 100644
--- a/src/Image/index.tsx
+++ b/src/Image/index.tsx
@@ -69,6 +69,7 @@ export default class Image extends React.Component<Props, States> {
 						priority
 						quality={100}
 						{...this.props.imageProps}
+						layout={this.state.image ? 'fill' : this.props.imageProps.layout}
 						objectFit="contain"
 					/>
 				</div>