Adjust header

onflow · Aug 1, 2024 · 3d4cd3f · 3d4cd3f
1 parent bda344b
commit 3d4cd3f
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/components/Icons/BackIcon.tsx b/components/Icons/BackIcon.tsx
@@ -0,0 +1,7 @@
+import { createIcon } from '@chakra-ui/react'
+
+export default createIcon({
+  displayName: 'BackIcon',
+  viewBox: '0 0 11 18',
+  d: 'M0.99707 9.1543C0.99707 9.58496 1.15527 9.94531 1.51562 10.2969L8.16016 16.8096C8.43262 17.0732 8.74902 17.2051 9.13574 17.2051C9.90918 17.2051 10.5508 16.5811 10.5508 15.8076C10.5508 15.4121 10.3838 15.0605 10.0938 14.7705L4.30176 9.14551L10.0938 3.5293C10.3838 3.24805 10.5508 2.8877 10.5508 2.50098C10.5508 1.73633 9.90918 1.10352 9.13574 1.10352C8.74902 1.10352 8.43262 1.23535 8.16016 1.49902L1.51562 8.01172C1.15527 8.35449 1.00586 8.71484 0.99707 9.1543Z',
+})
diff --git a/components/Icons/CloseIcon.tsx b/components/Icons/CloseIcon.tsx
@@ -4,7 +4,4 @@ export default createIcon({
   displayName: 'CloseIcon',
   d: 'M1.70711 0.292893C1.31658 -0.097631 0.683417 -0.097631 0.292893 0.292893C-0.097631 0.683417 -0.097631 1.31658 0.292893 1.70711L3.58579 5L0.292893 8.29289C-0.097631 8.68342 -0.097631 9.31658 0.292893 9.70711C0.683417 10.0976 1.31658 10.0976 1.70711 9.70711L5 6.41421L8.29289 9.70711C8.68342 10.0976 9.31658 10.0976 9.70711 9.70711C10.0976 9.31658 10.0976 8.68342 9.70711 8.29289L6.41421 5L9.70711 1.70711C10.0976 1.31658 10.0976 0.683417 9.70711 0.292893C9.31658 -0.097631 8.68342 -0.097631 8.29289 0.292893L5 3.58579L1.70711 0.292893Z',
   viewBox: '0 0 10 10',
-  defaultProps: {
-    fillOpacity: 0.6,
-  },
 })
diff --git a/components/ViewHeader.tsx b/components/ViewHeader.tsx
@@ -9,6 +9,7 @@ import {
 import { ComponentProps } from 'react'
 import { IoChevronBack } from 'react-icons/io5'
 import CloseIcon from './Icons/CloseIcon'
+import BackIcon from './Icons/BackIcon'
 
 type HeaderProps = {
   title?: string
@@ -32,11 +33,10 @@ export default function ViewHeader({
           {onBack && (
             <IconButton
               onClick={onBack}
-              icon={<Icon h="1.75rem" as={IoChevronBack} />}
+              icon={<BackIcon h="1.125rem" pr="0.15rem" />}
               aria-label="Close Modal"
               borderRadius="full"
               variant="ghost"
-              fontWeight="bold"
               isRound={true}
               boxSize="1.75rem"
               minW="0"
@@ -62,7 +62,7 @@ export default function ViewHeader({
               isRound={true}
               boxSize="1.75rem"
               minW="0"
-              colorScheme="blackAlpha"
+              color="rgba(0, 0, 0, 0.6)"
             ></IconButton>
           )}
         </Flex>