feat: wp

hirosystems · Jan 29, 2025 · 51fba38 · 51fba38
1 parent 494464b
commit 51fba38
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/src/app/_components/NewNavBar/MobileNav.tsx b/src/app/_components/NewNavBar/MobileNav.tsx
@@ -57,7 +57,7 @@ export function MobileNav({
       overflow="scroll"
     >
       <Flex justifyContent={'space-between'} alignItems={'center'} height={10}>
-        <Logo color="surfaceOpposite" />
+        <Logo color="surfaceOpposite" size={10} />
         <IconButton onClick={close} aria-label={'Close menu'}>
           <Icon h={6} w={6} color="surfaceOpposite">
             <X />

diff --git a/src/app/_components/NewNavBar/NavBar.tsx b/src/app/_components/NewNavBar/NavBar.tsx
@@ -1,6 +1,7 @@
 'use client';
 
-import { Flex } from '@chakra-ui/react';
+import { Input } from '@/ui/Input';
+import { Box, Flex } from '@chakra-ui/react';
 
 import { TokenPrice } from '../../../common/types/tokenPrice';
 import { FeePopover } from './FeePopover';
@@ -15,6 +16,9 @@ export function NavBar({ tokenPrice }: { tokenPrice: TokenPrice }) {
         <Logo size={10} />
         <PagesSlidingMenu width={50} />
       </Flex>
+      <Box flexGrow={1} flexShrink={1} maxWidth="474px">
+        <Input placeholder="Search" bg="surfaceSecondary" />
+      </Box>
       <Flex gap={4}>
         <FeePopover />
         <SettingsPopover />

diff --git a/src/app/_components/NewNavBar/SettingsPopover.tsx b/src/app/_components/NewNavBar/SettingsPopover.tsx
@@ -15,7 +15,7 @@ export const SettingsPopover = () => {
       id="settings-popover"
       positioning={{
         placement: 'bottom-end',
-        gutter: 0,
+        gutter: 4,
       }}
       open={open}
       onOpenChange={e => setOpen(e.open)}