Merge pull request #135 from iron-fish/fix-menu-group-button

fix: ButtonsGroup icon size
iron-fish · Jul 5, 2023 · aaeb08e · aaeb08e · vercel · Jul 5, 2023
2 parents 350335b + 3c417e4
commit aaeb08e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/components/ButtonsGroup.tsx b/components/ButtonsGroup.tsx
@@ -39,7 +39,7 @@ const ButtonsGroup: FC<ButtonsGroupProps> = ({
   return (
     <Menu {...menuProps}>
       <MenuButton {...menuButtonProps}>
-        <ThreeDotsIcon mb="5px" mr="3px" />
+        <ThreeDotsIcon display="block" w="100%" />
       </MenuButton>
       <MenuList {...menuListProps}>
         {menuItems.map(({ key, label, onClick }) => (

diff --git a/svgx/common/three-dots-icon.tsx b/svgx/common/three-dots-icon.tsx
@@ -7,16 +7,16 @@ import { FC } from 'react'
 
 export const ThreeDotsIcon: FC<IconProps> = props => (
   <Icon
-    width="32px"
-    height="28px"
-    viewBox="0 0 32 28"
+    xmlns="http://www.w3.org/2000/Icon"
+    viewBox="0 0 16 4"
+    width="16px"
+    height="4px"
     fill="none"
-    xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
     <path
-      d="M3.968,12.061C1.775,12.061,0,13.835,0,16.027c0,2.192,1.773,3.967,3.968,3.967c2.189,0,3.966-1.772,3.966-3.967   C7.934,13.835,6.157,12.061,3.968,12.061z M16.233,12.061c-2.188,0-3.968,1.773-3.968,3.965c0,2.192,1.778,3.967,3.968,3.967   s3.97-1.772,3.97-3.967C20.201,13.835,18.423,12.061,16.233,12.061z M28.09,12.061c-2.192,0-3.969,1.774-3.969,3.967   c0,2.19,1.774,3.965,3.969,3.965c2.188,0,3.965-1.772,3.965-3.965S30.278,12.061,28.09,12.061z"
       fill="currentColor"
+      d="M2 0C.9 0 0 .9 0 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2ZM8 0C6.9 0 6 .9 6 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z"
     />
   </Icon>
 )