fix: 图标大小问题

antvis · Jan 8, 2024 · 483f461 · 483f461
1 parent 274c0d2
commit 483f461
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 10 deletions.
diff --git a/packages/li-analysis-assets/src/widgets/TimeLine/Component/constants.tsx b/packages/li-analysis-assets/src/widgets/TimeLine/Component/constants.tsx
@@ -5,7 +5,7 @@ import React from 'react';
 export const CLS_PREFIX = 'li-analysis-time-line-panel';
 
 export const TimeAxisSvg = () => (
-  <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentcolor">
+  <svg width="1em" height="1em" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentcolor">
     <path d="M3.33317 4.66732H4.6665V11.334H3.33317V4.66732ZM0.666504 6.66732H1.99984V9.33398H0.666504V6.66732ZM5.99984 1.33398H7.33317V13.334H5.99984V1.33398ZM8.6665 2.66732H9.99984V14.6673H8.6665V2.66732ZM11.3332 4.66732H12.6665V11.334H11.3332V4.66732ZM13.9998 6.66732H15.3332V9.33398H13.9998V6.66732Z" />
   </svg>
 );

diff --git a/packages/li-core-assets/src/widgets/ExportImageControl/constants.tsx b/packages/li-core-assets/src/widgets/ExportImageControl/constants.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 export const ICON = () => {
   return (
-    <svg className="l7-iconfont" aria-hidden="true" fill="currentColor">
+    <svg className="l7-iconfont" aria-hidden="true" fill="currentColor" style={{ width: '1em', height: '1em' }}>
       <use href="#l7-icon-export-picture" />
     </svg>
   );

diff --git a/packages/li-core-assets/src/widgets/FullscreenControl/constants.tsx b/packages/li-core-assets/src/widgets/FullscreenControl/constants.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 export const ICON = () => {
   return (
-    <svg className="l7-iconfont" fill="currentColor" aria-hidden="true">
+    <svg className="l7-iconfont" fill="currentColor" aria-hidden="true" style={{ width: '1em', height: '1em' }}>
       <use href="#l7-icon-fullscreen" />
     </svg>
   );

diff --git a/packages/li-core-assets/src/widgets/GeoLocateControl/constants.tsx b/packages/li-core-assets/src/widgets/GeoLocateControl/constants.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 export const ICON = () => {
   return (
-    <svg className="l7-iconfont" fill="currentColor" aria-hidden="true">
+    <svg className="l7-iconfont" fill="currentColor" aria-hidden="true" style={{ width: '1em', height: '1em' }}>
       <use href="#l7-icon-reposition" />
     </svg>
   );

diff --git a/packages/li-core-assets/src/widgets/MapThemeControl/constants.tsx b/packages/li-core-assets/src/widgets/MapThemeControl/constants.tsx
@@ -10,7 +10,7 @@ export const POPOVER_PLACEMENT = new Map<string | undefined, string>([
 
 export const ICON = () => {
   return (
-    <svg className="l7-iconfont" fill="currentColor" aria-hidden="true">
+    <svg className="l7-iconfont" fill="currentColor" aria-hidden="true" style={{ width: '1em', height: '1em' }}>
       <use href="#l7-icon-color" />
     </svg>
   );

diff --git a/packages/li-editor/src/widgets/WidgetsPanel/AddWidgetsPanel/index.less b/packages/li-editor/src/widgets/WidgetsPanel/AddWidgetsPanel/index.less
@@ -1,4 +1,4 @@
-@import '../../../theme/index.less';
+@import url('../../../theme/index.less');
 
 .@{prefix}-add-widgets-panel {
   position: relative;
@@ -35,11 +35,12 @@
         display: flex;
         align-items: center;
         padding: 10px;
+
         &__img {
           margin-right: 10px;
+          font-size: 40px;
+
           svg {
-            width: 40px;
-            height: 40px;
             color: @primary-color-1;
           }
         }
@@ -98,8 +99,8 @@
     }
 
     &-item:hover {
-      box-shadow: 0 5px 12px 4px rgba(0, 0, 0, 0.09), 0 3px 6px 0 rgba(0, 0, 0, 0.12),
-        0 1px 2px -2px rgba(0, 0, 0, 0.16);
+      box-shadow: 0 5px 12px 4px rgb(0 0 0 / 9%), 0 3px 6px 0 rgb(0 0 0 / 12%),
+        0 1px 2px -2px rgb(0 0 0 / 16%);
     }
   }
 }