fix: icon button height (#160)

Uniswap · Aug 23, 2022 · d17b7b2 · d17b7b2
1 parent 5c68f85
commit d17b7b2
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
@@ -56,7 +56,7 @@ export const TextButton = transparentButton('accent')
 const SecondaryButton = transparentButton('secondary')
 
 const StyledIconButton = styled(SecondaryButton)`
-  transform: translateY(1.75px);
+  height: 1em;
 `
 
 interface IconButtonProps {

diff --git a/src/components/Dialog.tsx b/src/components/Dialog.tsx
@@ -58,6 +58,10 @@ const HeaderRow = styled(Row)`
   margin: 0 0.75em 0.75em;
   padding-top: 0.5em;
   ${largeIconCss}
+
+  button {
+    height: ${({ iconSize }) => iconSize}em;
+  }
 `
 
 interface HeaderProps {

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -10,6 +10,10 @@ const HeaderRow = styled(Row)`
   margin: 0 0.75em 0.75em;
   padding-top: 0.5em;
   ${largeIconCss}
+
+  button {
+    height: ${({ iconSize }) => iconSize}em;
+  }
 `
 
 export interface HeaderProps {