.

Author: faikit

app/globals.css

@@ -137,6 +137,14 @@
         @apply transition delay-100 duration-200;
     }
 }
+/* link underline */
+.animated-underline {
+    border-bottom: 1px solid transparent;
+    @apply transition delay-100 duration-200;
+}
+.animated-underline:hover {
+    @apply border-b-inherit;
+}
 
 
 
@@ -157,41 +165,14 @@
 .text-t1 {
     @apply text-5xl md:text-6xl;
 }
-.color-text-1 {
-    width: fit-content;
-    background-image: linear-gradient(to right, #4ec6df, #ee2e69, #f9a61a);
-    -webkit-background-clip: text;
-    color: transparent;
-}
 
 
 
 /* fade in / out */
 .fade-in {
     transition: opacity 1.5s ease;
 }
-
 .fade-out {
     opacity: 0;
     transition: opacity 1.5s ease;
 }
-
-
-
-/* link underline */
-.animated-underline {
-    border-bottom: 1px solid transparent;
-    @apply transition delay-100 duration-200;
-}
-.animated-underline:hover {
-    @apply border-b-inherit;
-}
-.member_bio {
-    & a{
-        border-bottom: 1px solid transparent;
-        @apply text-o-dark-blue transition delay-100 duration-200;
-    }
-    & a:hover {
-        @apply border-b-inherit;
-    }
-}

app/layout.tsx

@@ -2,14 +2,6 @@ import type { Metadata } from "next";
 import * as React from "react"
 import Link from "next/link"
 import { Button } from "@/components/ui/button"
-import {
-    Sheet,
-    SheetContent,
-    SheetDescription,
-    SheetHeader,
-    SheetTitle,
-    SheetTrigger,
-} from "@/components/ui/homesheet"
 
 
 
@@ -43,16 +35,6 @@ export const metadata: Metadata = {
 
 
 
-// header
-const headers: { title: string; href: string; }[] = [
-    // {
-    //     title: "About Us",
-    //     href: "/about-us",
-    // },
-]
-
-
-
 export default function RootLayout({
     children,
 }: Readonly<{
@@ -65,48 +47,25 @@ export default function RootLayout({
 
 
                 <header>
+
+
+
                     <div className="fixed flex flex-row gap-3 m-6 z-20 flex-wrap">
                         <Button asChild className="bg-background text-foreground hover:bg-white group">
                             <Link href="/" className="select-none">
                                 <Image
                                     src="/logo/OpenDriveLab/D.png"
                                     alt="OpenDriveLab"
-                                    width={24}
-                                    height={24}
+                                    width={20}
+                                    height={20}
                                     className="group-hover:scale-125 transition delay-100 duration-200"
                                 />
                             </Link>
                         </Button>
-                        {headers.map((header) => (
-                            <Button asChild key={header.title} className="bg-background text-foreground hover:bg-mred hover:text-white">
-                                <Link href={header.href} className="select-none">{header.title}</Link>
-                            </Button>
-                        ))}
-                        {/* <Sheet>
-                            <SheetTrigger asChild>
-                                <Button asChild key={headers[0].title} className="bg-background text-foreground hover:bg-amber-400 md:hidden">
-                                    <Button className="select- hover:cursor-pointer">{headers[0].title}</Button>
-                                </Button>
-                            </SheetTrigger>
-                            <SheetContent side="left">
-                                <SheetHeader>
-                                    <SheetTitle className="hidden">hidden</SheetTitle>
-                                    <SheetDescription className="hidden">
-                                    hidden
-                                    </SheetDescription>
-                                </SheetHeader>
-                                <div className="fixed flex flex-col gap-3 m-6">
-                                    {headers.map((header) => (
-                                        <Button asChild key={header.title} className="bg-background text-foreground hover:bg-amber-400">
-                                            <Link href={header.href} className="select-none">
-                                                <div className="w-full flex justify-start">{header.title}</div>
-                                            </Link> 
-                                        </Button>
-                                    ))}
-                                </div>
-                            </SheetContent>
-                        </Sheet> */}
                     </div>
+
+
+
                     <div className="fixed right-0 bottom-0 m-6 z-20">
                         <Link href="#" className="bg-background text-foreground hover:bg-mred hover:text-background rounded-full flex justify-center items-center p-2 select-none">
                             <span>
@@ -117,6 +76,9 @@ export default function RootLayout({
                             </span>
                         </Link>
                     </div>
+
+
+
                 </header>