xevion/100prisoners
1
0
Fork 0
mirror of https://github.com/Xevion/100prisoners.git synced 2025-12-18 02:11:11 -06:00
Code Issues Packages Projects Releases Wiki Activity

Darkmode Styling

Browse Source 
- Fixed bad paragraph HTML validation complaint
This commit is contained in:
Xevion
2022-12-18 02:35:15 -06:00
parent fde6842dab
commit 097cf4a111
5 changed files with 52 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Page.tsx
View File

@@ -1,6 +1,7 @@
import Link from "next/link";
import type {FunctionComponent} from "react";
import React from "react";
import DarkModeSwitch from "@/components/DarkModeSwitch";
interface PageProps {
children: React.ReactNode;
@@ -9,11 +10,12 @@ interface PageProps {
const Page: FunctionComponent<PageProps> = ({children}: PageProps) => {
return (
<>
<main className="flex w-full flex-col items-center bg-white">
<main className="flex w-full flex-col items-center bg-white dark:bg-zinc-900">
<div className="mt-8 px-3 max-w-screen-md w-[90%]">
<h1 className="text-3xl font-rokkitt text-zinc-800 sm:text-5xl mb-2">
<h1 className="text-3xl font-rokkitt text-zinc-800 dark:text-zinc-100 sm:text-5xl mb-2">
<Link href={"/"}>100Prisoners.com</Link>
</h1>
<DarkModeSwitch />
{children}
<div className="flex flex-col items-center">
<div className="grid py-1 grid-cols-1 gap-x-1 whitespace-nowrap divide-x-2">