feat: meathub

MeatDeveloper · Feb 17, 2024 · e71b72b · e71b72b
1 parent 6030221
commit e71b72b
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 6 deletions.
diff --git a/app/bridge/page.tsx b/app/bridge/page.tsx
@@ -23,8 +23,11 @@ export default function BridgePage() {
           width={160}
           className="h-40 w-40 rounded-2xl"
         />
-        <PageHeaderHeading>MEAT</PageHeaderHeading>
-        <PageHeaderDescription>{siteConfig.description}</PageHeaderDescription>
+        <PageHeaderHeading>
+          <span className="hub flex items-center justify-center bg-gradient-to-br from-black to-stone-500 bg-clip-text text-transparent dark:from-stone-200 dark:to-red-400 sm:inline-flex">
+          <span className="pr-4">Meat</span><span>Hub</span></span>
+        </PageHeaderHeading>
+        <PageHeaderDescription>Bridge your Meat</PageHeaderDescription>
 
         <Bridge />
       </PageHeader>

diff --git a/components/blockchain/bridge.tsx b/components/blockchain/bridge.tsx
@@ -79,7 +79,7 @@ export function Bridge() {
     <div className="">
       <Form className="container">
         <Form.Group className="mb-3 mt-4">
-          <div className="flex justify-between mb-3">
+          <div className="mb-3 flex justify-between">
             <h1 className="bridge-label">Balance</h1>
             <span>{balance}</span>
           </div>

diff --git a/components/layout/main-nav.tsx b/components/layout/main-nav.tsx
@@ -1,5 +1,5 @@
 "use client"
-
+import "styles/globals.css"
 import React from "react"
 import Link from "next/link"
 
@@ -33,8 +33,8 @@ export function MainNav() {
       <Link href="/bridge" className="mr-6 flex items-center space-x-2">
         <Button 
         variant="ghost"
-        className="hidden bg-gradient-to-br from-black to-stone-500 bg-clip-text text-2xl text-transparent dark:from-stone-200 dark:to-red-400 sm:inline-block">
-          Bridge
+         className="hub flex items-center justify-center bg-gradient-to-br from-black to-stone-500 bg-clip-text text-2xl text-transparent dark:from-stone-200 dark:to-red-400 sm:inline-flex">
+          <span className="pr-1">Meat</span><span>Hub</span>
         </Button>
       </Link>
       <nav className="flex items-center space-x-6 text-base font-medium">

diff --git a/styles/globals.css b/styles/globals.css
@@ -82,6 +82,21 @@ html {
   font-family: 'Inter';
 }
 
+.hub {
+  display: block;
+  font-family: sans-serif;
+  font-weight: bold;
+  }
+
+  .hub span:nth-child(2) {
+  background:linear-gradient(90deg, rgb(231 229 228) 0%, rgb(248 113 113) 100%);
+  color: #000000;
+  border-radius: 5px;
+  padding: 5px;
+
+  display: inline-block;
+  }
+
 @layer base {
   * {
     @apply border-border;
@@ -91,3 +106,4 @@ html {
     font-feature-settings: "rlig" 1, "calt" 1;
   }
 }
+