aboutsummaryrefslogtreecommitdiff
path: root/apps/web/src
diff options
context:
space:
mode:
authorDhravya <[email protected]>2024-04-10 18:57:45 -0700
committerDhravya <[email protected]>2024-04-10 18:57:45 -0700
commit9220d5f2431ed4361adc4f69e7d77a44d5794fff (patch)
tree880c2b5e9bc943edaac4c07ceb4cf39e2c5769f8 /apps/web/src
parentremove prepaer (diff)
downloadarchived-supermemory-9220d5f2431ed4361adc4f69e7d77a44d5794fff.tar.xz
archived-supermemory-9220d5f2431ed4361adc4f69e7d77a44d5794fff.zip
some branding attempts
Diffstat (limited to 'apps/web/src')
-rw-r--r--apps/web/src/app/globals.css2
-rw-r--r--apps/web/src/app/layout.tsx5
-rw-r--r--apps/web/src/components/Main.tsx8
-rw-r--r--apps/web/src/components/Sidebar.tsx2
-rw-r--r--apps/web/src/components/Sidebar/index.tsx27
-rw-r--r--apps/web/src/components/WordMark.tsx12
6 files changed, 46 insertions, 10 deletions
diff --git a/apps/web/src/app/globals.css b/apps/web/src/app/globals.css
index f5d09a67..69b46387 100644
--- a/apps/web/src/app/globals.css
+++ b/apps/web/src/app/globals.css
@@ -20,7 +20,7 @@
}
body {
- @apply bg-rgray-2 text-rgray-11 max-h-screen overflow-y-hidden;
+ @apply text-rgray-11 max-h-screen overflow-y-hidden bg-white;
/* color: rgb(var(--foreground-rgb));
background: linear-gradient(
to bottom,
diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
index 1b204dec..42485461 100644
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -1,8 +1,9 @@
import type { Metadata } from "next";
-import { Roboto } from "next/font/google";
+import { Roboto, Inter } from "next/font/google";
import "./globals.css";
const roboto = Roboto({ weight: ["300", "400", "500"], subsets: ["latin"] });
+const inter = Inter({ weight: ["300", "400", "500"], subsets: ["latin"] });
export const metadata: Metadata = {
title: "Create Next App",
@@ -16,7 +17,7 @@ export default function RootLayout({
}>) {
return (
<html lang="en" className="dark">
- <body className={roboto.className}>
+ <body className={inter.className}>
<div vaul-drawer-wrapper="" className="min-w-screen overflow-x-hidden">
{children}
</div>
diff --git a/apps/web/src/components/Main.tsx b/apps/web/src/components/Main.tsx
index 09703c2f..eec0c65b 100644
--- a/apps/web/src/components/Main.tsx
+++ b/apps/web/src/components/Main.tsx
@@ -11,6 +11,7 @@ import { ChatHistory } from "../../types/memory";
import { ChatAnswer, ChatMessage, ChatQuestion } from "./ChatMessage";
import { useRouter, useSearchParams } from "next/navigation";
import { useMemory } from "@/contexts/MemoryContext";
+import WordMark from "./WordMark";
function supportsDVH() {
try {
@@ -293,8 +294,9 @@ export default function Main({ sidebarOpen }: { sidebarOpen: boolean }) {
hide ? "" : "main-hidden",
)}
>
- <h1 className="text-rgray-11 mt-auto w-full text-center text-3xl md:mt-0">
- Ask your Second brain
+ <h1 className="text-rgray-11 mt-auto w-full text-center text-3xl font-bold tracking-tight md:mt-0">
+ Never forget anything. You are now{" "}
+ <span className="text-[#C9AC3E]">Smort</span>er.
</h1>
<Textarea2
@@ -308,7 +310,7 @@ export default function Main({ sidebarOpen }: { sidebarOpen: boolean }) {
duration: 0.2,
}}
textAreaProps={{
- placeholder: "Ask your SuperMemory...",
+ placeholder: "Ask your second brain...",
className:
"h-auto overflow-auto md:h-full md:resize-none text-lg py-0 px-2 pt-2 md:py-0 md:p-5 resize-y text-rgray-11 w-full min-h-[1em]",
value,
diff --git a/apps/web/src/components/Sidebar.tsx b/apps/web/src/components/Sidebar.tsx
index bdc9d600..f19deeb5 100644
--- a/apps/web/src/components/Sidebar.tsx
+++ b/apps/web/src/components/Sidebar.tsx
@@ -86,7 +86,7 @@ export const ListItem: React.FC<{ item: StoredContent }> = ({ item }) => {
) : (
<>
<img
- src={item.image ?? "/brain.png"}
+ src={item.image ?? "/icons/brain.png"}
alt={item.title ?? "Untitiled website"}
className="h-4 w-4"
/>
diff --git a/apps/web/src/components/Sidebar/index.tsx b/apps/web/src/components/Sidebar/index.tsx
index 965455e6..9e6bdcce 100644
--- a/apps/web/src/components/Sidebar/index.tsx
+++ b/apps/web/src/components/Sidebar/index.tsx
@@ -8,11 +8,14 @@ import { Bin } from "@/assets/Bin";
import { Avatar, AvatarFallback, AvatarImage } from "@radix-ui/react-avatar";
import { useSession } from "next-auth/react";
import MessagePoster from "@/app/MessagePoster";
+import Image from "next/image";
+import WordMark from "../WordMark";
export type MenuItem = {
icon: React.ReactNode | React.ReactNode[];
label: string;
content?: React.ReactNode;
+ labelDisplay?: React.ReactNode;
};
export default function Sidebar({
@@ -73,7 +76,25 @@ export default function Sidebar({
return (
<>
<div className="relative hidden h-screen max-h-screen w-max flex-col items-center text-sm font-light md:flex">
- <div className="bg-rgray-2 border-r-rgray-6 relative z-[50] flex h-full w-full flex-col items-center justify-center border-r px-2 py-5 ">
+ <div className="bg-rgray-3 border-r-rgray-6 relative z-[50] flex h-full w-full flex-col items-center justify-center border-r px-2 py-5 ">
+ <MenuItem
+ item={{
+ label: "Smort",
+ icon: (
+ <Image
+ className="rounded-md"
+ src="/icons/logo_without_bg.png"
+ alt="Smort logo"
+ width={50}
+ height={50}
+ />
+ ),
+ labelDisplay: <WordMark />,
+ }}
+ selectedItem={selectedItem}
+ setSelectedItem={setSelectedItem}
+ />
+
<MenuItem
item={{
label: "Memories",
@@ -131,7 +152,7 @@ export default function Sidebar({
}
const MenuItem = ({
- item: { icon, label },
+ item: { icon, label, labelDisplay },
selectedItem,
setSelectedItem,
...props
@@ -147,7 +168,7 @@ const MenuItem = ({
{...props}
>
{icon}
- <span className="">{label}</span>
+ <span className="">{labelDisplay ?? label}</span>
</button>
);
diff --git a/apps/web/src/components/WordMark.tsx b/apps/web/src/components/WordMark.tsx
new file mode 100644
index 00000000..eb55647c
--- /dev/null
+++ b/apps/web/src/components/WordMark.tsx
@@ -0,0 +1,12 @@
+import { cn } from "@/lib/utils";
+import React from "react";
+
+function WordMark({ className }: { className?: string }) {
+ return (
+ <span className={cn(`text-xl font-bold tracking-tight ${className}`)}>
+ smort.
+ </span>
+ );
+}
+
+export default WordMark;
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-11 15:46:06 +0000