diff --git a/Dockerfile.ui.storybook b/Dockerfile.ui.storybook index bd0c93a2630f231556af8c42278ff3ad3452b9f6..3114e0e8685cb9c2d4156e3a6f52fe4f9f4c4fd5 100644 --- a/Dockerfile.ui.storybook +++ b/Dockerfile.ui.storybook @@ -1,2 +1,3 @@ FROM nginx +ADD storybook_nginx.conf /etc/nginx/templates/default.conf.template COPY packages/ui/storybook-static /usr/share/nginx/html diff --git a/packages/ui/.storybook/preview.ts b/packages/ui/.storybook/preview.ts index 7d4757c582cb92232266e257eeb179f51acac21b..c1bea4cffd32413c6d65ba7fb22c1c8ba6fc5bac 100644 --- a/packages/ui/.storybook/preview.ts +++ b/packages/ui/.storybook/preview.ts @@ -16,7 +16,7 @@ setup(app => { export const decorators: Decorator[] = [ story => ({ components: { story, IconSprite }, - template: '<div style="margin: 3em;"><IconSprite /><story /></div>', + template: '<div class="page">' + '<main class="main">' + '<div class="container"><IconSprite /><story /></div>' + '</main>' + '</div>', }), ] diff --git a/storybook_nginx.conf b/storybook_nginx.conf new file mode 100644 index 0000000000000000000000000000000000000000..e85ac90d3a4a9de444bf244b00d598b8bd003163 --- /dev/null +++ b/storybook_nginx.conf @@ -0,0 +1,21 @@ +server { + listen 80; + listen [::]:80; + server_name localhost; + + include mime.types; + types + { + application/javascript mjs; + } + + location / { + root /usr/share/nginx/html; + index index.html index.htm; + } + + error_page 500 502 503 504 /50x.html; + location = /50x.html { + root /usr/share/nginx/html; + } +} \ No newline at end of file