add previewer change

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>
 

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;
     }

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>