xevion/bus-reminder
1
0
Fork 0
mirror of https://github.com/Xevion/bus-reminder.git synced 2025-12-17 12:11:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

Use common Layout component, place common title in Layout

Browse Source
This commit is contained in:
Xevion
2023-09-05 14:46:04 -05:00
parent ac23bf774a
commit 3d4e82bc45
4 changed files with 22 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/index.tsx
View File

@@ -13,6 +13,7 @@ import { fetchConfiguration } from '@/db';
import { useForm } from 'react-hook-form';
import { ConfigurationSchema } from '@/timing';
import { useRouter } from 'next/router';
import Layout from '@/components/Layout';
type Props = {
config: string;
@@ -101,7 +102,7 @@ const IndexPage: NextPage<Props> = ({ config }) => {
}
return (
<div className="flex text-zinc-200 bg-zinc-900 min-h-screen max-h-screen h-full flex-col justify-center py-12 sm:px-6 lg:px-8">
<Layout className="max-h-screen">
<div className="px-5 sm:mx-auto sm:w-full sm:max-w-4xl">
<div className="bg-black/ py-8 px-4 shadow sm:rounded-lg sm:px-10">
<form onSubmit={handleSubmit(onSubmit)}>
@@ -151,7 +152,7 @@ const IndexPage: NextPage<Props> = ({ config }) => {
</form>
</div>
</div>
</div>
</Layout>
);
};