adding dark mode to feat/refresh

This commit is contained in:
Doug Andrade
2023-06-11 01:50:19 -04:00
committed by Mythie
parent cc182649c2
commit 40115d33b4
21 changed files with 217 additions and 73 deletions

View File

@ -48,7 +48,7 @@ export default async function DashboardPage() {
<h2 className="mt-8 text-2xl font-semibold">Recent Documents</h2>
<div className="mt-8 overflow-x-auto rounded-lg border border-slate-200">
<div className="border-border mt-8 overflow-x-auto rounded-lg border">
<Table>
<TableHeader>
<TableRow>
@ -65,7 +65,7 @@ export default async function DashboardPage() {
<TableCell>
<Link
href={`/documents/${document.id}`}
className="font-medium hover:underline"
className="focus-visible:ring-ring ring-offset-background rounded-md font-medium hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
>
{document.title}
</Link>

View File

@ -45,7 +45,7 @@ export default async function DocumentPage({ params }: DocumentPageProps) {
className="mt-4 max-w-xs truncate text-2xl font-semibold md:text-3xl"
title={document.title}
>
Document.pdf
{document.title}
</h1>
<EditDocumentForm className="mt-8" document={document} user={session} />

View File

@ -3,6 +3,7 @@ import { Inter } from 'next/font/google';
import { TrpcProvider } from '@documenso/trpc/react';
import { Toaster } from '@documenso/ui/primitives/toaster';
import { ThemeProvider } from '~/providers/next-theme';
import { PlausibleProvider } from '~/providers/plausible';
import './globals.css';
@ -45,7 +46,9 @@ export default function RootLayout({ children }: { children: React.ReactNode })
<body>
<PlausibleProvider>
<TrpcProvider>{children}</TrpcProvider>
<ThemeProvider attribute="class" defaultTheme="system" enableSystem>
<TrpcProvider>{children}</TrpcProvider>
</ThemeProvider>
</PlausibleProvider>
<Toaster />
</body>