diff --git a/src/containers/App.tsx b/src/containers/App.tsx index 8b6c9e62..09a6fd4e 100644 --- a/src/containers/App.tsx +++ b/src/containers/App.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import { connect } from 'react-redux'; -import { bindActionCreators } from 'redux'; -import { hot } from 'react-hot-loader'; +import * as React from "react"; +import { connect } from "react-redux"; +import { bindActionCreators } from "redux"; +import { hot } from "react-hot-loader"; import { ConnectedRouter } from "connected-react-router"; import { history } from "~/redux/store"; -import { NavLink, Switch, Route, Redirect } from 'react-router-dom'; +import { NavLink, Switch, Route, Redirect } from "react-router-dom"; import { FlowLayout } from "~/containers/flow/FlowLayout"; import { LoginLayout } from "~/containers/login/LoginLayout"; import { MainLayout } from "~/containers/main/MainLayout"; @@ -27,6 +27,7 @@ class Component extends React.Component { + @@ -39,7 +40,10 @@ class Component extends React.Component { } } -const mapStateToProps = (state, props) => ({ }); -const mapDispatchToProps = (dispatch) => bindActionCreators({}, dispatch); +const mapStateToProps = (state, props) => ({}); +const mapDispatchToProps = dispatch => bindActionCreators({}, dispatch); -export default connect(mapStateToProps, mapDispatchToProps)(hot(module)(Component)); +export default connect( + mapStateToProps, + mapDispatchToProps +)(hot(module)(Component)); diff --git a/src/containers/examples/HorizontalExample/index.tsx b/src/containers/examples/HorizontalExample/index.tsx index 9b1a38fc..b93a2f8f 100644 --- a/src/containers/examples/HorizontalExample/index.tsx +++ b/src/containers/examples/HorizontalExample/index.tsx @@ -1,6 +1,6 @@ -import React, { FC } from 'react'; +import React, { FC } from "react"; import { Card } from "~/components/containers/Card"; -import * as styles from './styles.scss'; +import * as styles from "./styles.scss"; import { Group } from "~/components/containers/Group"; import { Padder } from "~/components/containers/Padder"; import { CellGrid } from "~/components/containers/CellGrid"; @@ -10,7 +10,7 @@ import { Scroll } from "~/components/containers/Scroll"; import { Tags } from "~/components/node/Tags"; import { Button } from "~/components/input/Button"; import { InputText } from "~/components/input/InputText"; -import {Grid} from "~/components/containers/Grid"; +import { Grid } from "~/components/containers/Grid"; interface IProps {} @@ -18,8 +18,8 @@ const HorizontalExample: FC = () => (
- - + +
@@ -29,46 +29,33 @@ const HorizontalExample: FC = () => (
-
-
-
-
-
-
- - - - - + +
- - - Layout setup - - Cover changer - - Track - - +
- + + + + +
-
- -
+
+ +
diff --git a/src/containers/examples/HorizontalExample/styles.scss b/src/containers/examples/HorizontalExample/styles.scss index d8e5148c..f8aff32b 100644 --- a/src/containers/examples/HorizontalExample/styles.scss +++ b/src/containers/examples/HorizontalExample/styles.scss @@ -3,7 +3,7 @@ justify-content: center; display: flex; background: $editor_bg; - //flex: 1; + flex: 1; } .group { @@ -23,7 +23,7 @@ } .editor { - //flex: 2; + flex: 1; display: flex; align-items: stretch; flex-direction: column;