finish ide lay out

added side bar and editor toolbar
related to #360
This commit is contained in:
Kurt Hutten
2021-06-11 19:32:54 +10:00
parent 81f7659bbc
commit 6ad731d158
6 changed files with 91 additions and 38 deletions

View File

@@ -10,8 +10,10 @@ const TopButton = ({children}) => (
const IdeHeader = () => {
return (
<div className="h-16 bg-gray-900 flex justify-between items-center">
<div className="w-16 h-full flex items-center justify-center bg-gray-700">
<Svg className="w-12" name="favicon" />
<div className="bg-gray-700 pr-48 h-full">
<div className="w-16 h-full flex items-center justify-center bg-gray-900">
<Svg className="w-12" name="favicon" />
</div>
</div>
<div className="text-gray-200 flex gap-4 mr-4">
<TopButton>Render</TopButton>