chore: PR follow up (#14)

Co-authored-by: Alissa Crane <alissa.crane@coinbase.com>
coinbase · Aug 8, 2024 · ce10c56 · ce10c56
1 parent 6079e70
commit ce10c56
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -23,7 +23,7 @@ export default function Page() {
           >
             <OnchainkitSvg />
           </a>
-          <div className="flex gap-3">
+          <div className="flex gap-3 pt-3 md:pt-0">
             <SignupButton />
             {!address && <LoginButton />}
           </div>

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -19,7 +19,7 @@ const docLinks = [
 
 export default function Footer() {
   return (
-    <section className="mt-12 mb-6 flex w-full flex-col justify-between gap-2 md:flex-row ">
+    <section className="mt-12 mb-6 flex w-full flex-col justify-between gap-2 pb-4 md:flex-row md:pb-0">
       <aside className="flex items-center justify-center md:justify-start">
         <h3 className="mr-2 text-m">
           Built with love by{' '}
@@ -28,12 +28,13 @@ export default function Footer() {
             target="_blank"
             rel="noreferrer"
             title="OnchainKit"
+            className="font-semibold hover:text-indigo-600"
           >
             OnchainKit
           </a>
         </h3>
       </aside>
-      <ul className="flex max-w-full flex-wrap justify-center gap-6 md:justify-start">
+      <ul className="flex max-w-full flex-wrap justify-center gap-3 md:justify-start md:gap-6">
         {docLinks.map(({ href, title }) => (
           <li className="flex" key={href}>
             <a

diff --git a/src/components/TransactionWrapper.tsx b/src/components/TransactionWrapper.tsx
@@ -39,7 +39,7 @@ export default function TransactionWrapper({
         className="w-[450px]"
       >
         <TransactionButton
-          className="mt-0 mr-auto ml-auto w-[450px] text-[white]"
+          className="mt-0 mr-auto ml-auto w-[450px] max-w-full text-[white]"
           text="Collect"
         />
         <TransactionStatus>

diff --git a/src/links.ts b/src/links.ts
@@ -1,6 +1,6 @@
-export const ONCHAINKIT_LINK = 'https://onchainkit.xyz';
-export const GITHUB_LINK = 'https://github.com/coinbase/onchainkit';
 export const DISCORD_LINK = 'https://discord.gg/wTJ7besU';
 export const FIGMA_LINK =
   'https://www.figma.com/community/file/1370194397345450683/onchainkit';
+export const GITHUB_LINK = 'https://github.com/coinbase/onchainkit';
+export const ONCHAINKIT_LINK = 'https://onchainkit.xyz';
 export const TWITTER_LINK = 'https://x.com/Onchainkit';