diff options
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 | 
