add reset button

lama_cleaner/app/src/Editor.tsx

@@ -1,4 +1,8 @@
-import { DownloadIcon, EyeIcon } from '@heroicons/react/outline'
+import {
+  ArrowsExpandIcon,
+  DownloadIcon,
+  EyeIcon,
+} from '@heroicons/react/outline'
 import React, {
   SyntheticEvent,
   useCallback,
@@ -591,6 +595,12 @@ export default function Editor(props: EditorProps) {
             onChange={setBrushSize}
           />
           <div>
+            <Button
+              className="mr-2"
+              icon={<ArrowsExpandIcon className="w-6 h-6" />}
+              disabled={scale === minScale}
+              onClick={resetZoom}
+            />
             <Button
               className="mr-2"
               icon={
@@ -629,7 +639,6 @@ export default function Editor(props: EditorProps) {
             </Button>
 
             <Button
-              primary
               icon={<DownloadIcon className="w-6 h-6" />}
               disabled={!renders.length}
               onClick={download}
@@ -642,7 +651,7 @@ export default function Editor(props: EditorProps) {
             className="absolute bg-black backdrop-blur backdrop-filter bg-opacity-10 rounded-xl"
             style={{
               height: '58px',
-              width: '680px',
+              width: '700px',
               zIndex: -1,
               marginLeft: '-1px',
             }}

lama_cleaner/app/src/components/Button.tsx

@@ -50,7 +50,7 @@ export default function Button(props: ButtonProps) {
       }}
       tabIndex={-1}
       className={[
-        'inline-flex py-3 px-5 rounded-md cursor-pointer',
+        'inline-flex py-3 px-3 rounded-md cursor-pointer',
         children ? 'space-x-3' : '',
         background,
         disabled ? 'pointer-events-none opacity-50' : '',