Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-20 19:02:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

storybook adapted to the latest changes in router

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-08-30 11:36:14 +03:00
parent 364daa319e
commit 2bbedb5f63
2 changed files with 5 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
storybook/RouterDecorator/RouterDecorator.js
View file

@ -1,12 +1,12 @@
const React = require('react'); const React = require('react');
const { RoutesContainerProvider } = require('stremio-router/RoutesContainerContext'); const { RoutesContainerProvider } = require('stremio/router/RoutesContainerContext');
const Route = require('stremio-router/Router/Route'); const Route = require('stremio/router/Route');
const appStyles = require('stremio/App/styles'); const appStyles = require('stremio/App/styles');
const styles = require('./styles'); const styles = require('./styles');
const RouterDecorator = ({ children }) => ( const RouterDecorator = ({ children }) => (
<div id={'app'}> <div id={'app'}>
<RoutesContainerProvider containerClassName={appStyles['router']}> <RoutesContainerProvider className={appStyles['router']}>
<Route> <Route>
<div className={styles['route-content-container']}> <div className={styles['route-content-container']}>
{children} {children}

8
storybook/RouterDecorator/styles.less
View file

@ -1,11 +1,7 @@
@import (inline, once, css) 'router/styles.css';
.route-content-container { .route-content-container {
width: 100%;
height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; width: 100%;
justify-content: flex-start; height: 100%;
background-color: var(--color-background); background-color: var(--color-background);
} }