From fd28311297e29ca3c90881f00b270f698921d21e Mon Sep 17 00:00:00 2001 From: Triple7 Date: Mon, 4 May 2026 00:20:15 -0700 Subject: [PATCH] Fix blank app render and improve base UI styling --- index.html | 2 +- main.tsx | 10 ++++++++++ styles.css | 32 ++++++++++++++++++++++++++++++++ 3 files changed, 43 insertions(+), 1 deletion(-) create mode 100644 main.tsx create mode 100644 styles.css diff --git a/index.html b/index.html index 777c744..565bb24 100644 --- a/index.html +++ b/index.html @@ -9,6 +9,6 @@
- + diff --git a/main.tsx b/main.tsx new file mode 100644 index 0000000..2689336 --- /dev/null +++ b/main.tsx @@ -0,0 +1,10 @@ +import React from 'react'; +import { createRoot } from 'react-dom/client'; +import App from './app'; +import './styles.css'; + +createRoot(document.getElementById('root')!).render( + + + +); diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..d3c4505 --- /dev/null +++ b/styles.css @@ -0,0 +1,32 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +:root { + color-scheme: dark; +} + +body { + @apply min-h-screen bg-slate-950 text-slate-100 antialiased; + margin: 0; + font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; +} + +* { + scrollbar-width: thin; + scrollbar-color: rgb(51 65 85) rgb(15 23 42); +} + +::-webkit-scrollbar { + width: 10px; + height: 10px; +} + +::-webkit-scrollbar-track { + background: rgb(15 23 42); +} + +::-webkit-scrollbar-thumb { + background: rgb(51 65 85); + border-radius: 9999px; +}