Fixes for footer and title

9 months ago · f08ea9ee92
parent 269a4f5a73
commit f08ea9ee92
2 changed files with 3 additions and 2 deletions
--- a/src/components/layout/AppLayout.tsx
+++ b/src/components/layout/AppLayout.tsx
@ -1,6 +1,7 @@
 import Head from 'next/head';
 import { PropsWithChildren } from 'react';

+import { APP_NAME } from '../../consts/app';
 import { Footer } from '../nav/Footer';
 import { Header } from '../nav/Header';

@ -10,7 +11,7 @@ export function AppLayout({ children }: PropsWithChildren) {
      <Head>
        {/* https://nextjs.org/docs/messages/no-document-viewport-meta */}
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Hyperlane Nexus Bridge</title>
+        <title>{APP_NAME}</title>
      </Head>
      <div
        id="app-content"
--- a/src/components/nav/Footer.tsx
+++ b/src/components/nav/Footer.tsx
@ -30,7 +30,7 @@ export function Footer() {
        <Image className="z-0 w-full" src={FooterBg} alt="" />
      </div> */}
      <div className="relative z-10 px-8 pb-3 pt-2 sm:pt-0">
-        <div className="flex flex-col sm:flex-row gap-8 sm:gap-10 items-end justify-between">
+        <div className="flex flex-col sm:flex-row gap-6 sm:gap-10 items-center sm:items-end justify-between">
          <div className="py-1 flex items-center justify-center space-x-2">
            {/* <Image src={AppLogo} alt="" width={30} height={30} /> */}
            <div className="font-medium">Built with Hyperlane and Caldera</div>