From daa44a8c2a646c9deb44d0fda59bc7906b127877 Mon Sep 17 00:00:00 2001
From: Corbin Crutchley <git@crutchcorn.dev>
Date: Fri, 14 Nov 2025 15:18:48 -0800
Subject: [PATCH] chore: initial styling on the chat

---
 client-src/routes/__root.tsx | 8 +-------
 client-src/routes/index.tsx  | 9 +++++----
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/client-src/routes/__root.tsx b/client-src/routes/__root.tsx
index 843255e..ce28ed0 100644
--- a/client-src/routes/__root.tsx
+++ b/client-src/routes/__root.tsx
@@ -1,16 +1,10 @@
-import { createRootRoute, Link, Outlet } from "@tanstack/react-router";
+import { createRootRoute, Outlet } from "@tanstack/react-router";
 import { TanStackRouterDevtoolsPanel } from "@tanstack/react-router-devtools";
 import { TanStackDevtools } from "@tanstack/react-devtools";
 import { ReactQueryDevtoolsPanel } from "@tanstack/react-query-devtools";
 
 const RootLayout = () => (
   <div className={`font-awexbmp bg-[url(/FrogBackgroundP.png)] bg-cover bg-center bg-no-repeat w-vw h-dvh`}>
-    <div className="p-2 flex gap-2">
-      <Link to="/" className="[&.active]:font-bold">
-        Home
-      </Link>
-    </div>
-    <hr />
     <Outlet />
     <TanStackDevtools
       plugins={[
diff --git a/client-src/routes/index.tsx b/client-src/routes/index.tsx
index 0ff0dbd..19a99ac 100644
--- a/client-src/routes/index.tsx
+++ b/client-src/routes/index.tsx
@@ -42,14 +42,15 @@ function Index() {
   });
 
   return (
-    <div className="p-2 font-awexbmp">
-      <h3 className="">Welcome Home!</h3>
-      <ul>
+    <div className="p-2 font-awexbmp h-screen flex flex-col">
+      <ul className="flex-1 overflow-auto mb-0">
         {messages.map((message) => (
           <UserMessage name="frogboi" hat={HAT_MAP[userMap[message.userId]!.hat]!} frog={FROG_MAP[userMap[message.userId]!.frog]!} image={message.svgPath} />
         ))}
       </ul>
-      <UserToolbar />
+      <div className="sticky bottom-0">
+        <UserToolbar />
+      </div>
     </div>
   );
 }
-- 
2.51.2