From 0814b07ef942bb9e097b7e708b7a432403a68017 Mon Sep 17 00:00:00 2001
From: Sanster <cwq1913@gmail.com>
Date: Sun, 6 Feb 2022 21:40:49 +0800
Subject: [PATCH] add reset button

---
 lama_cleaner/app/src/Editor.tsx            | 15 ++++++++++++---
 lama_cleaner/app/src/components/Button.tsx |  2 +-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/lama_cleaner/app/src/Editor.tsx b/lama_cleaner/app/src/Editor.tsx
index b6ffc7b..e690a1a 100644
--- a/lama_cleaner/app/src/Editor.tsx
+++ b/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',
             }}
diff --git a/lama_cleaner/app/src/components/Button.tsx b/lama_cleaner/app/src/components/Button.tsx
index eddb467..133127b 100644
--- a/lama_cleaner/app/src/components/Button.tsx
+++ b/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' : '',