add Depiction to reproduce FF apsect-ratio problem

eccenca · Nov 25, 2024 · 5dfac83 · 5dfac83
1 parent f2d447c
commit 5dfac83
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/components/Application/stories/Application.stories.tsx b/src/components/Application/stories/Application.stories.tsx
@@ -17,6 +17,7 @@ import {
     Button,
     Depiction,
     Icon,
+    OverviewItem,
     WorkspaceHeader,
 } from "../../../index";
 
@@ -76,7 +77,16 @@ const TemplateBasicExample: StoryFn<typeof ApplicationBasicExample> = (args) =>
                 <code>Menu</code> with <code>MenuItem</code>s.
             </ApplicationSidebarNavigation>
 
-            <WorkspaceHeader id={"ApplicationBasicExample"} />
+            <WorkspaceHeader id={"ApplicationBasicExample"}>
+                <OverviewItem>
+                    <Depiction
+                        image={<Icon name={"application-homepage"} />}
+                        backgroundColor={"dark"}
+                        padding="medium"
+                        ratio="1:1"
+                    />
+                </OverviewItem>
+            </WorkspaceHeader>
 
             <ApplicationToolbar>
                 <ApplicationToolbarSection>