Update formatting

This commit is contained in:
Jip J. Dekker 2023-11-29 22:34:40 +11:00
parent 70cd0d801f
commit f51fe0b80a
No known key found for this signature in database
4 changed files with 20 additions and 13 deletions

View File

@ -3,8 +3,8 @@ packages:
- npm
oauth: pages.sr.ht/PAGES:RW
environment:
site: "dekker.one"
NEXT_PUBLIC_SITE_URL: "https://dekker.one"
site: 'dekker.one'
NEXT_PUBLIC_SITE_URL: 'https://dekker.one'
tasks:
- package: |
cd $site

View File

@ -27,10 +27,10 @@ const atkinson = Atkinson_Hyperlegible({
display: 'swap',
})
const jetbrains = JetBrains_Mono({
weight: "variable",
subsets: ["latin"],
variable: "--font-jetbrains-mono",
display: "swap",
weight: 'variable',
subsets: ['latin'],
variable: '--font-jetbrains-mono',
display: 'swap',
})
export default function RootLayout({
@ -40,7 +40,13 @@ export default function RootLayout({
}) {
return (
<html lang="en" className="h-full antialiased" suppressHydrationWarning>
<body className={clsx('flex h-full bg-zinc-50 dark:bg-black', atkinson.className, jetbrains.variable)}>
<body
className={clsx(
'flex h-full bg-zinc-50 dark:bg-black',
atkinson.className,
jetbrains.variable,
)}
>
<Providers>
<div className="flex w-full">
<Layout>{children}</Layout>

View File

@ -10,10 +10,7 @@ import clsx from 'clsx'
import { Container } from '@/components/Container'
import avatarImage from '@/images/avatar.jpg'
import { ThemeSelector } from '@/components/ThemeSelector'
import {
ChevronDownIcon,
CloseIcon,
} from '@/components/SVGIcons'
import { ChevronDownIcon, CloseIcon } from '@/components/SVGIcons'
export const menu_items = [
{ name: 'About', url: '/about' },

View File

@ -34,13 +34,17 @@ export function ThemeSelector(
<SunIcon
className={clsx(
'h-6 w-6 dark:hidden',
theme === 'system' ? 'fill-zinc-400 stroke-zinc-400' : 'fill-teal-400 stroke-teal-400',
theme === 'system'
? 'fill-zinc-400 stroke-zinc-400'
: 'fill-teal-400 stroke-teal-400',
)}
/>
<MoonIcon
className={clsx(
'hidden h-6 w-6 dark:block',
theme === 'system' ? 'fill-zinc-400 stroke-zinc-400' : 'fill-teal-400 stroke-teal-400',
theme === 'system'
? 'fill-zinc-400 stroke-zinc-400'
: 'fill-teal-400 stroke-teal-400',
)}
/>
</Listbox.Button>