From 7c1c379bcbaa608075fd48d616c9d3b3b43b0662 Mon Sep 17 00:00:00 2001
From: seaheart <ycyin8795@163.com>
Date: Sat, 12 Aug 2023 21:22:14 +0800
Subject: [PATCH] add previewer change

---
 src/pages/widget/previewer/BrowserPreviewer.tsx | 7 +++++--
 src/pages/widget/previewer/ImagePreviewer.less  | 1 -
 src/pages/widget/previewer/ImagePreviewer.tsx   | 6 +++---
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/pages/widget/previewer/BrowserPreviewer.tsx b/src/pages/widget/previewer/BrowserPreviewer.tsx
index bde6279..2a03e8b 100644
--- a/src/pages/widget/previewer/BrowserPreviewer.tsx
+++ b/src/pages/widget/previewer/BrowserPreviewer.tsx
@@ -51,8 +51,11 @@ export default class BrowserPreviewer extends React.Component<IProps, IState> {
 
   render() {
     return (
-      <div className="browser-previewer-wrapper">
-        <div className="browser-previewer">
+      <div
+        className="browser-previewer-wrapper"
+        onClick={() => this.props.onClose()}
+      >
+        <div className="browser-previewer" onClick={(e) => e.stopPropagation()}>
           <div className="title-bar">
             <div className="left-part"></div>
 
diff --git a/src/pages/widget/previewer/ImagePreviewer.less b/src/pages/widget/previewer/ImagePreviewer.less
index a3740bc..d4ea000 100644
--- a/src/pages/widget/previewer/ImagePreviewer.less
+++ b/src/pages/widget/previewer/ImagePreviewer.less
@@ -10,7 +10,6 @@
     align-items: center;
     justify-content: center;
     opacity: 0.7;
-    font-weight: 600;
     &:hover {
       opacity: 1;
     }
diff --git a/src/pages/widget/previewer/ImagePreviewer.tsx b/src/pages/widget/previewer/ImagePreviewer.tsx
index 5ed0384..f8b4ed8 100644
--- a/src/pages/widget/previewer/ImagePreviewer.tsx
+++ b/src/pages/widget/previewer/ImagePreviewer.tsx
@@ -71,7 +71,7 @@ export default class ImagePreviewer extends TankComponent<any, any> {
       return (
         <Space>
           <DownloadOutlined
-            className="f18 toolbar-icon"
+            className="f18 toolbar-icon btn-action"
             onClick={() => {
               const a = document.createElement('a');
               a.setAttribute('download', '');
@@ -84,13 +84,13 @@ export default class ImagePreviewer extends TankComponent<any, any> {
             }}
           />
           <RotateRightOutlined
-            className="f18 toolbar-icon"
+            className="f18 toolbar-icon btn-action"
             onClick={() => {
               overlayProps.onRotate(overlayProps.rotate + 90);
             }}
           />
           <CloseOutlined
-            className="f18 toolbar-icon"
+            className="f18 toolbar-icon btn-action"
             onClick={() => overlayProps.onClose()}
           />
         </Space>