fixed drawer navbar layouts

Stephen-Gordon · Apr 16, 2024 · fde7a0e · fde7a0e
1 parent d92ad58
commit fde7a0e
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 27 deletions.
diff --git a/src/app/@auth/(.)payee/page.tsx b/src/app/@auth/(.)payee/page.tsx
@@ -144,8 +144,9 @@ export default function Page() {
     <>
       <AnimatePresence>
         <DrawerHeader>
-          <DrawerTitle className='grid grid-cols-3 items-center'>
+          <DrawerTitle className='grid grid-cols-3 items-center pt-2'>
             <motion.div
+              className='w-auto'
               key={'back'}
               layoutId='back'
               onClick={() => {
@@ -157,7 +158,7 @@ export default function Page() {
             <motion.p
               key={'payee-name'}
               layoutId='payee-name'
-              className='font-inherit text-center leading-snug tracking-wide text-inherit mix-blend-exclusion'
+              className='text-center '
             >
               {payeeAddress && useFindPayeeName(payeeAddress, contactsState)}
             </motion.p>
@@ -171,13 +172,14 @@ export default function Page() {
               >
                 <div
                   onClick={handleAddUser}
-                  className='text-muted-foreground flex space-x-2 text-base font-light'
+                  className='text-muted-foreground flex content-center items  text-base font-light'
                 >
-                  <UserPlus
-                    strokeWidth={2}
-                    className='fill-muted-foreground stroke-muted-foreground'
-                  />
-                  <p>Save</p>
+                  <span>
+                    <UserPlus
+                      strokeWidth={2}
+                      className='fill-muted-foreground stroke-muted-foreground h-auto '
+                    />
+                  </span>
                 </div>{' '}
               </motion.div>
             )}
@@ -232,20 +234,19 @@ export default function Page() {
                           key={j}
                         >
                           {transaction.from == payeeAddress ? (
-
-                              <div
-                                style={{ marginBottom: '32px' }}
-                                className='bg-muted mr-auto grid w-fit justify-self-start rounded-2xl rounded-bl-none p-4'
-                              >
-                                <Link
-                              href={{
-                                pathname: '/transaction',
-                                query: {
-                                  transaction: transaction.blockHash,
-                                  closeSheet: false,
-                                },
-                              }}
+                            <div
+                              style={{ marginBottom: '32px' }}
+                              className='bg-muted mr-auto grid w-fit justify-self-start rounded-2xl rounded-bl-none p-4'
                             >
+                              <Link
+                                href={{
+                                  pathname: '/transaction',
+                                  query: {
+                                    transaction: transaction.blockHash,
+                                    closeSheet: false,
+                                  },
+                                }}
+                              >
                                 <div className='pb-4'>
                                   ${formatUnits(transaction.value, 6)}
                                 </div>
@@ -258,9 +259,8 @@ export default function Page() {
                                     date={fromUnixTime(transaction.timeStamp)}
                                   />
                                 </p>
-                                </Link>
-
-                              </div>
+                              </Link>
+                            </div>
                           ) : (
                             <div
                               style={{ marginBottom: '32px' }}

diff --git a/src/app/@auth/(.)search/page.tsx b/src/app/@auth/(.)search/page.tsx
@@ -94,7 +94,7 @@ export default function Page() {
             />
           </motion.div>
           <p className='text-center font-normal'>
-            <TextGenerateEffect words='Search'></TextGenerateEffect>
+            Search
           </p>
           <div className='ml-auto'></div>
         </DrawerTitle>

diff --git a/src/app/@auth/(.)send/page.tsx b/src/app/@auth/(.)send/page.tsx
@@ -21,6 +21,7 @@ import { RootState } from '@/GlobalRedux/store';
 
 // motion
 import { motion } from 'framer-motion';
+import { Circle } from 'lucide-react';
 
 
 export default function Page() {
@@ -60,7 +61,7 @@ export default function Page() {
                 className='h-auto w-auto'
                 href={{ pathname: `/payee`, query: { payeeAddress: payee } }}
               >
-                <Avatar className='h-9 w-9 bg-white'></Avatar>
+                <Circle className='fill-muted-foreground stroke-muted-foreground h-auto w-auto rounded-full stroke-1' />
               </Link>
             </Link>
           </div>

diff --git a/src/app/components/Navigation/BackButton/BackButton.tsx b/src/app/components/Navigation/BackButton/BackButton.tsx
@@ -9,7 +9,7 @@ interface BackButtonProps {
 export default function BackButton({ routehome, onClick }: BackButtonProps) {
   return (
     <div onClick={onClick} className='w-fit rounded-full'>
-      <Undo2 size={20} color='#cbd5e1' />
+      <Undo2 size={20} className='stroke-muted-foreground' />
     </div>
   );
 }