From 80004489e7d32c3bd1a4ecfcb192eba8e973239b Mon Sep 17 00:00:00 2001 From: Leo dev Date: Thu, 29 Jan 2026 20:07:37 +0100 Subject: [PATCH] Ui --- app/app.css | 4 +- app/routes/home.tsx | 64 +++++++++++++++++++++++++-- app/welcome/logo-dark.svg | 23 ---------- app/welcome/logo-light.svg | 23 ---------- app/welcome/welcome.tsx | 89 -------------------------------------- 5 files changed, 63 insertions(+), 140 deletions(-) delete mode 100644 app/welcome/logo-dark.svg delete mode 100644 app/welcome/logo-light.svg delete mode 100644 app/welcome/welcome.tsx diff --git a/app/app.css b/app/app.css index 99345d8..8082405 100644 --- a/app/app.css +++ b/app/app.css @@ -7,9 +7,9 @@ html, body { - @apply bg-white dark:bg-gray-950; + @apply bg-bg text-slate-200; @media (prefers-color-scheme: dark) { color-scheme: dark; } -} +} \ No newline at end of file diff --git a/app/routes/home.tsx b/app/routes/home.tsx index 398e47c..d3bc27d 100644 --- a/app/routes/home.tsx +++ b/app/routes/home.tsx @@ -1,7 +1,7 @@ +import type React from "react"; import type { Route } from "./+types/home"; -import { Welcome } from "../welcome/welcome"; -export function meta({}: Route.MetaArgs) { +export function meta({ }: Route.MetaArgs) { return [ { title: "New React Router App" }, { name: "description", content: "Welcome to React Router!" }, @@ -9,5 +9,63 @@ export function meta({}: Route.MetaArgs) { } export default function Home() { - return ; + return ( +
+ {/* Sidebar */} + + + {/* Plot */} +
+
+
+
+ ); } + +function Control({ label, children }: { label: string, children: React.ReactNode }) { + return ( +
+ + {children} +
+ ); +} \ No newline at end of file diff --git a/app/welcome/logo-dark.svg b/app/welcome/logo-dark.svg deleted file mode 100644 index dd82028..0000000 --- a/app/welcome/logo-dark.svg +++ /dev/null @@ -1,23 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - diff --git a/app/welcome/logo-light.svg b/app/welcome/logo-light.svg deleted file mode 100644 index 7328492..0000000 --- a/app/welcome/logo-light.svg +++ /dev/null @@ -1,23 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - diff --git a/app/welcome/welcome.tsx b/app/welcome/welcome.tsx deleted file mode 100644 index 8ac6e1d..0000000 --- a/app/welcome/welcome.tsx +++ /dev/null @@ -1,89 +0,0 @@ -import logoDark from "./logo-dark.svg"; -import logoLight from "./logo-light.svg"; - -export function Welcome() { - return ( -
-
-
-
- React Router - React Router -
-
-
- -
-
-
- ); -} - -const resources = [ - { - href: "https://reactrouter.com/docs", - text: "React Router Docs", - icon: ( - - - - ), - }, - { - href: "https://rmx.as/discord", - text: "Join Discord", - icon: ( - - - - ), - }, -];