rushilwiz/viewer
1
0
Fork 0
mirror of https://github.com/mit-regressions/viewer.git synced 2025-04-20 11:00:16 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

force light mode until components are ported to dark mode

Browse Source
This commit is contained in:
dukeeagle 2023-01-02 18:33:08 -05:00
parent 5c34d8a8d0
commit 12b53f9654
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
viewer/src/pages/index.tsx
View File

@ -14,6 +14,7 @@ const Home: NextPage = () => {
const hello = trpc.example.hello.useQuery({ text: "from tRPC" }); const hello = trpc.example.hello.useQuery({ text: "from tRPC" });
const { theme, setTheme } = useTheme() const { theme, setTheme } = useTheme()
setTheme('light')
const router = useRouter(); const router = useRouter();
@ -31,9 +32,9 @@ const Home: NextPage = () => {
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
</Head> </Head>
<main className="flex min-h-screen flex-col items-center justify-center bg-white dark:bg-black"> <main className="flex min-h-screen flex-col items-center justify-center bg-white dark:bg-black">
<button onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')} className="bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-gray-200 py-2 px-4 absolute top-4 right-4"> {/* <button onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')} className="bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-gray-200 py-2 px-4 absolute top-4 right-4">
toggle theme toggle theme
</button> </button> */}
<div className="px-4 py-32 pb-0 position-absolute"> <div className="px-4 py-32 pb-0 position-absolute">
<div className="titles"> <div className="titles">
<h1 className="text-1xl font-extrabold tracking-tight text-black dark:text-white sm:text-[3rem] top-4 left-4 absolute"> <h1 className="text-1xl font-extrabold tracking-tight text-black dark:text-white sm:text-[3rem] top-4 left-4 absolute">