From 212d37ed1947a7d9dddd66d206cafcdc063ee37f Mon Sep 17 00:00:00 2001
From: lonkaars <loek@pipeframe.xyz>
Date: Fri, 14 May 2021 12:30:22 +0200
Subject: added buttons :tada:

---
 pages/editor.tsx | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

(limited to 'pages')

diff --git a/pages/editor.tsx b/pages/editor.tsx
index 3377149..ee41a27 100644
--- a/pages/editor.tsx
+++ b/pages/editor.tsx
@@ -1,8 +1,15 @@
 import AppBar from '@material-ui/core/AppBar';
+import Fab from '@material-ui/core/Fab';
 import Toolbar from '@material-ui/core/Toolbar';
 
 import { PressureIcon } from '../components/icons';
 
+import FullscreenRoundedIcon from '@material-ui/icons/FullscreenRounded';
+import NavigateBeforeRoundedIcon from '@material-ui/icons/NavigateBeforeRounded';
+import NavigateNextRoundedIcon from '@material-ui/icons/NavigateNextRounded';
+import PauseRoundedIcon from '@material-ui/icons/PauseRounded';
+import SkipPreviousRoundedIcon from '@material-ui/icons/SkipPreviousRounded';
+
 export default function Index() {
 	return <>
 		<div className='appGrid posabs a0'>
@@ -13,7 +20,20 @@ export default function Index() {
 				</Toolbar>
 			</AppBar>
 			<div className='settings'></div>
-			<div className='viewer'></div>
+			<div className='viewer'>
+				<div className='player'></div>
+				<div className='controls'>
+					<div className='posabs abscenter'>
+						<Fab size='small' children={<SkipPreviousRoundedIcon />} />
+						<Fab className='playPause' size='medium' children={<PauseRoundedIcon />} />
+						<Fab size='small' children={<NavigateBeforeRoundedIcon />} />
+						<Fab size='small' children={<NavigateNextRoundedIcon />} />
+					</div>
+					<div className='posabs abscenterv r0'>
+						<Fab size='small' children={<FullscreenRoundedIcon />} />
+					</div>
+				</div>
+			</div>
 			<div className='tools'></div>
 			<div className='timeline'></div>
 		</div>
-- 
cgit v1.2.3