Add Style to save button
Some checks failed
continuous-integration/drone/push Build is failing
continuous-integration/drone/pr Build is failing

This commit is contained in:
Siklos 2022-08-04 18:17:45 +02:00
parent 70e1031245
commit 8cee073f39

View file

@ -1,4 +1,5 @@
import React from 'react'; import React from 'react';
import { UploadIcon } from '@heroicons/react/outline';
import './Editor.scss'; import './Editor.scss';
import Sidebar from './Components/Sidebar/Sidebar'; import Sidebar from './Components/Sidebar/Sidebar';
import { ElementsSidebar } from './Components/ElementsSidebar/ElementsSidebar'; import { ElementsSidebar } from './Components/ElementsSidebar/ElementsSidebar';
@ -305,7 +306,13 @@ class Editor extends React.Component<IEditorProps> {
<SVG selected={current.SelectedContainer}> <SVG selected={current.SelectedContainer}>
{ current.MainContainer } { current.MainContainer }
</SVG> </SVG>
<button onClick={() => this.SaveEditor()}>Save</button> <button
className='fixed transition-all right-12 bottom-10 w-14 h-14 p-2 align-middle items-center justify-center rounded-full bg-blue-500 hover:bg-blue-800'
title='Export as JSON'
onClick={() => this.SaveEditor()}
>
<UploadIcon className="h-full w-full text-white align-middle items-center justify-center" />
</button>
</div> </div>
); );
} }