diff options
| author | lonkaars <loek@pipeframe.xyz> | 2021-05-14 12:07:47 +0200 |
|---|---|---|
| committer | lonkaars <loek@pipeframe.xyz> | 2021-05-14 12:07:47 +0200 |
| commit | 589c8239b2085815405329e0dc46d12d763cb32b (patch) | |
| tree | 9f16816f5032d8ca35be6ee4a88275d7a3d27c3e /pages | |
| parent | 45ba5f546b27de69a8134c04c354226711af080c (diff) | |
editor layout
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/_app.tsx | 1 | ||||
| -rw-r--r-- | pages/editor.tsx | 21 | ||||
| -rw-r--r-- | pages/index.tsx | 17 |
3 files changed, 22 insertions, 17 deletions
diff --git a/pages/_app.tsx b/pages/_app.tsx index fecbad0..7bb0076 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -1,6 +1,7 @@ import Head from 'next/head'; import '../styles/colors.css'; +import '../styles/editor.css'; import '../styles/globals.css'; import '../styles/keyframes.css'; import '../styles/paper.css'; diff --git a/pages/editor.tsx b/pages/editor.tsx new file mode 100644 index 0000000..3377149 --- /dev/null +++ b/pages/editor.tsx @@ -0,0 +1,21 @@ +import AppBar from '@material-ui/core/AppBar'; +import Toolbar from '@material-ui/core/Toolbar'; + +import { PressureIcon } from '../components/icons'; + +export default function Index() { + return <> + <div className='appGrid posabs a0'> + <AppBar position='static' color='transparent' elevation={0}> + <Toolbar> + <PressureIcon /> + <h1>pressure</h1> + </Toolbar> + </AppBar> + <div className='settings'></div> + <div className='viewer'></div> + <div className='tools'></div> + <div className='timeline'></div> + </div> + </>; +} diff --git a/pages/index.tsx b/pages/index.tsx deleted file mode 100644 index 2865e64..0000000 --- a/pages/index.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import AppBar from '@material-ui/core/AppBar'; -import Toolbar from '@material-ui/core/Toolbar'; - -import { PressureIcon } from '../components/icons'; -import Loop from '../components/loop'; - -export default function Index() { - return <> - <AppBar position='static' color='transparent' elevation={0}> - <Toolbar> - <PressureIcon /> - <h1>pressure</h1> - </Toolbar> - </AppBar> - <Loop width={100} /> - </>; -} |