asfda

coinbase · May 22, 2024 · e714a3a · e714a3a
1 parent bd49505
commit e714a3a
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/template/web/app/paymaster-bundler/_components/PaymasterBundlerDemo.tsx b/template/web/app/paymaster-bundler/_components/PaymasterBundlerDemo.tsx
@@ -41,8 +41,8 @@ export default function PaymasterBundlerDemo() {
   };
 
   return (
-    <div className={clsx('w-full flex flex-col items-center justify-center text-white')}>
-      <section className={clsx('bg-gray-900 shadow-md rounded-lg p-6 w-full max-w-3xl mb-5')}>
+    <div className={clsx('flex w-full flex-col items-center justify-center text-white')}>
+      <section className={clsx('mb-5 w-full max-w-3xl rounded-lg bg-gray-900 p-6 shadow-md')}>
         <header>
           <h2 className={clsx('border-b-2 border-gray-700 pb-2 text-xl font-semibold')}>
             Account Details
@@ -56,9 +56,9 @@ export default function PaymasterBundlerDemo() {
           <ContractAlertLayout>Please connect your wallet to continue.</ContractAlertLayout>
         )}
       </section>
-      <section className={clsx('bg-gray-900 shadow-md rounded-lg p-6 w-full max-w-3xl')}>
+      <section className={clsx('w-full max-w-3xl rounded-lg bg-gray-900 p-6 shadow-md')}>
         <header>
-          <h1 className={clsx('border-b-2 border-gray-700 pb-2 text-2xl font-bold text-center')}>
+          <h1 className={clsx('border-b-2 border-gray-700 pb-2 text-center text-2xl font-bold')}>
             Mint NFTs with Coinbase Paymaster
           </h1>
         </header>
@@ -69,7 +69,9 @@ export default function PaymasterBundlerDemo() {
           type="button"
           className={clsx(
             'mt-4 block w-full rounded-full py-3.5 text-lg font-bold text-white transition duration-300',
-            address ? 'cursor-pointer bg-blue-600 hover:bg-blue-700' : 'cursor-not-allowed bg-gray-600'
+            address
+              ? 'cursor-pointer bg-blue-600 hover:bg-blue-700'
+              : 'cursor-not-allowed bg-gray-600',
           )}
           onClick={address ? handleMint : undefined}
           disabled={!address}
@@ -78,7 +80,7 @@ export default function PaymasterBundlerDemo() {
         </button>
         {transactionID && <CallStatus id={transactionID} />}
         {transactionID && (
-          <div className={clsx('mt-4 text-lg overflow-x-auto bg-gray-800 p-4 rounded-lg')}>
+          <div className={clsx('mt-4 overflow-x-auto rounded-lg bg-gray-800 p-4 text-lg')}>
             <strong>Transaction ID:</strong> <span className="break-all">{transactionID}</span>
           </div>
         )}