chore: tune custom theme story

gravity-ui · Dec 21, 2023 · b083f2d · b083f2d
1 parent 3965243
commit b083f2d
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 5 deletions.
diff --git a/.storybook/assets/custom-theme-background.png b/.storybook/assets/custom-theme-background.png
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -1,6 +1,7 @@
 import type {StorybookConfig} from '@storybook/react-webpack5';
 
 const config: StorybookConfig = {
+    staticDirs: ['./assets'],
     stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(ts|tsx)'],
     addons: [
         '@storybook/addon-links',

diff --git a/src/components/AsideHeader/__stories__/AsideHeader.stories.tsx b/src/components/AsideHeader/__stories__/AsideHeader.stories.tsx
@@ -45,9 +45,7 @@ const CustomThemeTemplate: StoryFn = (args) => (
 export const CustomTheme = CustomThemeTemplate.bind({});
 CustomTheme.args = {
     headerDecoration: false,
-    customBackground: (
-        <img src="https://cdn.stocksnap.io/img-thumbs/960w/blue-night_DBUU6N5YUY.jpg" />
-    ),
+    customBackground: <img src="custom-theme-background.png" />,
     customBackgroundClassName: 'aside-header-showcase__custom-background',
 };
 

diff --git a/src/components/AsideHeader/__stories__/AsideHeaderShowcase.scss b/src/components/AsideHeader/__stories__/AsideHeaderShowcase.scss
@@ -85,7 +85,9 @@ body {
     }
 
     &__custom-background {
-        opacity: 75%;
+        width: 100%;
+
+        opacity: 70%;
     }
 }
 

diff --git a/src/components/FooterItem/__stories__/FooterItem.stories.tsx b/src/components/FooterItem/__stories__/FooterItem.stories.tsx
@@ -12,7 +12,7 @@ import {EMPTY_CONTEXT_VALUE} from '../../AsideHeader/__stories__/moc';
 import './FooterItemShowcase.scss';
 
 export default {
-    title: 'Components/AsideHeader/FooterItem',
+    title: 'Components/FooterItem',
     component: FooterItem,
     decorators: [
         (DecoratedStory, context) => {