diff options
| author | codetorso <[email protected]> | 2024-07-19 07:20:34 +0530 |
|---|---|---|
| committer | codetorso <[email protected]> | 2024-07-19 07:20:34 +0530 |
| commit | 0550aeaf7da90d75db290868aaa4e9aec8e6417b (patch) | |
| tree | b0948b6ffa0a4810fd0033fe428e296cada4aaf8 /apps/web | |
| parent | accidentally left behind (diff) | |
| download | supermemory-0550aeaf7da90d75db290868aaa4e9aec8e6417b.tar.xz supermemory-0550aeaf7da90d75db290868aaa4e9aec8e6417b.zip | |
inter font
Diffstat (limited to 'apps/web')
| -rw-r--r-- | apps/web/app/(dash)/home/heading.tsx | 7 | ||||
| -rw-r--r-- | apps/web/app/(dash)/menu.tsx | 9 |
2 files changed, 11 insertions, 5 deletions
diff --git a/apps/web/app/(dash)/home/heading.tsx b/apps/web/app/(dash)/home/heading.tsx index e50f509b..12417a83 100644 --- a/apps/web/app/(dash)/home/heading.tsx +++ b/apps/web/app/(dash)/home/heading.tsx @@ -1,5 +1,8 @@ import { useEffect, useState } from "react"; import { AnimatePresence, motion } from "framer-motion"; +import { Inter } from "next/font/google"; + +const poppins = Inter({ subsets: ["latin"], weight: ["600"] }); const headings = [ "Unlock your digital brain", @@ -21,10 +24,10 @@ export function Heading({ queryPresent }: { queryPresent: boolean }) { <motion.h1 initial={{ opacity: 0, y: "20%" }} animate={{ opacity: 1, y: "0%" }} - exit={{ opacity: 0, y: "20%" }} + exit={{ opacity: 0, y: "20%", whiteSpace: "nowrap" }} className={`text-[2.45rem] font-semibold ${ queryPresent ? "pointer-events-none" : "pointer-events-auto" - } transition-opacity`} + } transition-opacity ${poppins.className}`} > {headings[showHeading]} </motion.h1> diff --git a/apps/web/app/(dash)/menu.tsx b/apps/web/app/(dash)/menu.tsx index 8d8e77c1..3cb79309 100644 --- a/apps/web/app/(dash)/menu.tsx +++ b/apps/web/app/(dash)/menu.tsx @@ -11,7 +11,10 @@ import { PresentationChartLineIcon, RectangleStackIcon, } from "@heroicons/react/24/solid"; -import DialogTriggerWrapper, { DialogDesktopTrigger, DialogMobileTrigger } from "./dialogTriggerWrapper"; +import DialogTriggerWrapper, { + DialogDesktopTrigger, + DialogMobileTrigger, +} from "./dialogTriggerWrapper"; const menuItems = [ { @@ -82,7 +85,7 @@ function Menu() { <p className="text-xs text-foreground-menu mt-2">Home</p> </Link> -<DialogMobileTrigger /> + <DialogMobileTrigger /> {menuItems.map((item) => ( <Link aria-disabled={item.disabled} @@ -157,7 +160,7 @@ function NavItem({ return ( <div className="relative group"> <Link aria-disabled={disabled} href={disabled ? "#" : url}> - <div className="cursor-pointer px-1 hover:scale-105 hover:text-[#bfc4c9] active:scale-90"> + <div className={`cursor-pointer px-1 hover:scale-105 hover:text-[#bfc4c9] active:scale-90 ${disabled && "opacity-50"}`}> {icon} </div> </Link> |