logos text formatting

NERDDAO · Mar 11, 2024 · 42459db · 42459db
1 parent 9a350fb
commit 42459db
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 32 deletions.
diff --git a/packages/nextjs/app/components/ui/chat/chat-avatar.tsx b/packages/nextjs/app/components/ui/chat/chat-avatar.tsx
@@ -2,24 +2,24 @@ import { User2 } from "lucide-react";
 import Image from "next/image";
 
 export default function ChatAvatar({ role }: { role: string }) {
-  if (role === "user") {
+    if (role === "user") {
+        return (
+            <div className="flex h-8 w-8 shrink-0 select-none items-center justify-center rounded-md border bg-background shadow">
+                <User2 className="h-4 w-4" />
+            </div>
+        );
+    }
+
     return (
-      <div className="flex h-8 w-8 shrink-0 select-none items-center justify-center rounded-md border bg-background shadow">
-        <User2 className="h-4 w-4" />
-      </div>
+        <div className="flex h-8 w-8 shrink-0 select-none items-center justify-center rounded-md border bg-black text-white shadow">
+            <Image
+                className="rounded-md"
+                src="/assets/desciLogo.png"
+                alt="Llama Logo"
+                width={44}
+                height={44}
+                priority
+            />
+        </div>
     );
-  }
-
-  return (
-    <div className="flex h-8 w-8 shrink-0 select-none items-center justify-center rounded-md border bg-black text-white shadow">
-      <Image
-        className="rounded-md"
-        src="/llama.png"
-        alt="Llama Logo"
-        width={24}
-        height={24}
-        priority
-      />
-    </div>
-  );
 }
diff --git a/packages/nextjs/app/layout.tsx b/packages/nextjs/app/layout.tsx
@@ -6,21 +6,21 @@ import "~~/styles/globals.css";
 const baseUrl = process.env.NEXT_PUBLIC_VERCEL_URL
     ? `https://${process.env.NEXT_PUBLIC_VERCEL_URL}`
     : `http://localhost:${process.env.PORT}`;
-const imageUrl = `${baseUrl}/thumbnail.jpg`;
+const imageUrl = `${baseUrl}/assets/desciLogo.png`;
 
 export const metadata: Metadata = {
     metadataBase: new URL(baseUrl),
     title: {
         default: "NERDEX",
-        template: "%s | Scaffold-ETH 2",
+        template: "%s | NErd Project Coordination",
     },
-    description: "Built with 🏗 Scaffold-ETH 2",
+    description: "Built with PoK technology @DESCIWORLD",
     openGraph: {
         title: {
-            default: "Scaffold-ETH 2 App",
-            template: "%s | Scaffold-ETH 2",
+            default: "NERDEX",
+            template: "%s | NErd Project Coordination",
         },
-        description: "Built with 🏗 Scaffold-ETH 2",
+        description: "Built with PoK technology @DESCIWORLD",
         images: [
             {
                 url: imageUrl,
@@ -31,13 +31,13 @@ export const metadata: Metadata = {
         card: "summary_large_image",
         images: [imageUrl],
         title: {
-            default: "Scaffold-ETH 2",
-            template: "%s | Scaffold-ETH 2",
+            default: "NERDEX",
+            template: "%s | NErd Project Coordination",
         },
-        description: "Built with 🏗 Scaffold-ETH 2",
+        description: "Built with PoK technology @DESCIWORLD",
     },
     icons: {
-        icon: [{ url: "/favicon.png", sizes: "32x32", type: "image/png" }],
+        icon: [{ url: "/assets/nerdHouse.png", sizes: "32x32", type: "image/png" }],
     },
 };
 

diff --git a/packages/nextjs/app/page.tsx b/packages/nextjs/app/page.tsx
@@ -585,7 +585,8 @@ const Home: NextPage = () => {
                         </div>
                     </div>
                 </div>
-                <div className="absolute right-[7%] top-[28%] w-[33%]">
+                <div className="absolute right-[7%] top-[12.5%] w-[33%]">
+                    <div className="bg-[url(/assets/desciLogo.png)] bg-contain h-[140px] w-[140px] bg-no-repeat"></div>
                     <ChatSection />
                 </div>
             </div>

diff --git a/packages/nextjs/components/Header.tsx b/packages/nextjs/components/Header.tsx
@@ -53,7 +53,7 @@ export const Header = () => {
     );
 
     return (
-        <div className="sticky lg:static top-0 navbar bg-opacity-0 min-h-0 flex-shrink-0 justify-between z-10 px-0 sm:px-2">
+        <div className="sticky lg:static top-0 left-2 navbar bg-opacity-0 min-h-0 flex-shrink-0 justify-between z-10 px-0 sm:px-2">
             <div className="navbar-start w-auto lg:w-1/2">
 
                 <Link href="/" passHref className="hidden lg:flex items-center gap-2 shrink-0">
@@ -62,8 +62,8 @@ export const Header = () => {
                     </div>
                     <div className="flex flex-col">
                         <span className="font-bold leading-tight text-xs md:text-s lg:text-m xl:text-lg">NerdDEX</span>
-                        <span className="text-xs md:text-xs lg:text-s xl:text-m">Researcher</span>
-                        <span className="text-xs md:text-xs lg:text-s xl:text-m">Coordination Tool</span>
+                        <span className="text-xs md:text-xs lg:text-sm xl:text-md">Researcher</span>
+                        <span className="text-xs md:text-xs lg:text-sm xl:text-md">Coordination Tool</span>
 
                     </div>
                 </Link>