diff options
| author | Eugene <eug-vs@keemail.me> | 2020-01-28 19:56:24 +0000 | 
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-01-28 19:56:24 +0000 | 
| commit | 547a6101f3ec0d01680cd14bf74c9a8386b9a835 (patch) | |
| tree | 2ffa01673377d33af49ea8dbc317cde6f2bf0a42 /src/components/Window | |
| parent | 4486c9f47ab4f9ba76ac09fab6bd8dd41e08cf7a (diff) | |
| parent | 1ea6ae2f80e5e3f60ad89b4d6d02281c817cee43 (diff) | |
| download | chrono-cube-ui-547a6101f3ec0d01680cd14bf74c9a8386b9a835.tar.gz | |
Merge pull request #47 from Eug-VS/benzin
Migrate to BENZIN
Diffstat (limited to 'src/components/Window')
| -rw-r--r-- | src/components/Window/Window.js | 55 | ||||
| -rw-r--r-- | src/components/Window/WindowSurface/WindowSurface.js | 33 | 
2 files changed, 0 insertions, 88 deletions
| diff --git a/src/components/Window/Window.js b/src/components/Window/Window.js deleted file mode 100644 index 0ba2454..0000000 --- a/src/components/Window/Window.js +++ /dev/null @@ -1,55 +0,0 @@ -import React from 'react'; - -import { Typography, Divider, makeStyles } from '@material-ui/core'; - -import WindowSurface from './WindowSurface/WindowSurface'; - - -const useStyles = makeStyles(theme => ({ -  header: { -    padding: theme.spacing(1, 0, 1, 2), -    background: theme.palette.background.elevation, -  }, -})); - - -const Window = ({ type, name, children }) => { -  const classes = useStyles(); - -  const size = { -    height: '85vh', -  }; - -  const position = { -    bottom: '3vh', -  }; - -  if (type === 'primary') { -    size.width = '63vw'; -    position.left = '2vw'; -  } else if (type === 'secondary') { -    size.width = '31vw'; -    position.right = '2vw'; -  } else if (type === 'mono') { -    position.left = '2vw'; -    position.right = '2vw'; -  } - -  return ( -    <WindowSurface -      size={size} -      position={position} -    > -      {name && -      <div> -        <Typography variant="h5" className={classes.header}>{name}</Typography> -        <Divider /> -      </div> -      } -      {children} -    </WindowSurface> -  ); -}; - - -export default Window; diff --git a/src/components/Window/WindowSurface/WindowSurface.js b/src/components/Window/WindowSurface/WindowSurface.js deleted file mode 100644 index 26fea01..0000000 --- a/src/components/Window/WindowSurface/WindowSurface.js +++ /dev/null @@ -1,33 +0,0 @@ -import React from 'react'; - -import { Paper, makeStyles } from '@material-ui/core'; - - -const useStyles = makeStyles(theme => ({ -  surface: { -    position: 'absolute', -    display: 'flex', -    flexDirection: 'column', -    background: theme.palette.background.elevation, -    overflowY: 'auto', -    scrollbarColor: `${theme.palette.primary.dark} ${theme.palette.primary.light}`, -  } -})); - - -const WindowSurface = ({ size, position, children }) => { -  const classes = useStyles(); - -  return ( -    <Paper -      elevation={3} -      style={{...size, ...position}} -      className={classes.surface} -    > -      {children} -    </Paper> -  ) -}; - - -export default WindowSurface;
\ No newline at end of file | 
