fixed layout issues on bounty page (#1643)

code100x · Dec 11, 2024 · 246752d · 246752d
1 parent 18f4f36
commit 246752d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/app/bounty/page.tsx b/src/app/bounty/page.tsx
@@ -67,8 +67,8 @@ export default function Page() {
 
   return (
     <>
-      <div className="h-max pb-4 transition-colors duration-500 md:p-8">
-        <div className="mb-6 flex flex-col items-start justify-center px-4 pt-3 sm:px-8">
+      <div className="h-max pb-4 transition-colors duration-500 md:p-8 flex flex-col items-center justify-center w-full">
+        <div className="mb-6 flex flex-col items-start justify-center px-4 pt-3 sm:px-8 max-w-[90rem] w-full">
           <div className="text-2xl text-black transition-colors duration-500 dark:text-white sm:text-3xl">
             <h1 className="mt-20 text-black dark:text-white sm:mt-16">
               Your Bounties

diff --git a/src/components/PaymentDropdown.tsx b/src/components/PaymentDropdown.tsx
@@ -77,7 +77,7 @@ export default function PaymentMethodsDropdown({
       {isDropdownOpen && (
         <div className="w-full px-2 py-8 sm:px-0">
           <div className="mb-8">
-            <div className="flex w-[90vw] justify-between">
+            <div className="flex justify-between">
               <p className="py-2 font-semibold">UPI Addresses</p>
               {upiAddresses && upiAddresses.length < 2 && (
                 <Button
@@ -93,7 +93,7 @@ export default function PaymentMethodsDropdown({
                 </Button>
               )}
             </div>
-            <div className="flex w-[90vw] flex-col sm:w-3/6">
+            <div className="flex flex-col">
               {upiAddresses && upiAddresses.length !== 0 ? (
                 upiAddresses?.map((upi) => (
                   <div
@@ -120,7 +120,7 @@ export default function PaymentMethodsDropdown({
           </div>
 
           <div>
-            <div className="flex w-[90vw] justify-between">
+            <div className="flex justify-between">
               <p className="py-2 font-semibold">Solana Addresses</p>
               {solanaAddresses && solanaAddresses.length < 2 && (
                 <Button
@@ -136,7 +136,7 @@ export default function PaymentMethodsDropdown({
                 </Button>
               )}
             </div>
-            <div className="flex w-[90vw] flex-col sm:w-3/6">
+            <div className="flex flex-col">
               {solanaAddresses?.length !== 0 ? (
                 solanaAddresses?.map((sol) => (
                   <div