ui/src/components/Layout.tsx · sphinx

on cdbc752 help sign in

17 lines 545 B history raw

1import cn from 'classnames';

2import React from 'react';

3import { Outlet, useParams } from 'react-router-dom';

4import { Meta } from './Meta';

6export const Layout = () => {

7 const params = useParams<{ lookup: string }>();

9 return (

10 <main className={cn("flex flex-col items-center min-h-screen", !params.lookup && 'justify-center')}>

11 <div className="max-w-2xl w-full p-4 sm:py-12 px-8 space-y-6">

12 <Outlet />

13 </div>

14 <Meta className='self-start mx-10 my-6 sm:m-0 sm:fixed left-4 bottom-4 text-sm'/>

15 </main>

16 )