rushilwiz/office
1
0
Fork 0
mirror of https://github.com/vitalityAI/office.git synced 2025-04-20 11:00:16 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

better ui for phone

Browse Source
This commit is contained in:
Claeb101 2023-03-05 04:44:27 -05:00
parent 050dae7a82
commit 16eef67b20
1 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/src/pages/index.tsx
View File

@ -36,22 +36,25 @@ const Home: NextPage<any> = ({ officers }) => {
return ( return (
<Layout> <Layout>
<div className="py-16 sm:py-24 "> <div className="py-16 sm:py-24 ">
<div className='w-full mt-4 flex justify-start flex-wrap'>
<h1 className="text-white text-4xl font-bold">Vitality</h1>
{ {
session ? session ?
<div> <div className='w-fit bg-white bg-opacity-5 rounded-md p-4 text-center mx-auto'>
<h1 className="text-white text-2xl font-extrabold">Hey {session.user.name.split(' ')[0]}!</h1>
<p className="text-white text-xl font-light mt-2"> Can you give us your number real quick?</p>
<div className='w-fit mt-4 mx-auto flex justify-start flex-wrap'>
<div className='w-72 mr-4'> <div className='w-72 mr-4'>
<InputField name="Phone Number" id="phone" value={input.phone} onChange={(e) => handleInputChange(e, input, setInput)} className="w-96" /> <InputField name="Phone Number" id="phone" value={input.phone} onChange={(e) => handleInputChange(e, input, setInput)} className="w-full" />
</div> </div>
<div className='mt-4 flex items-center justify-center'> <div className='mt-4 flex items-center justify-center'>
<OutlineButton name="Register" onClick={submit} /> <OutlineButton name="Register" onClick={submit} />
</div> </div>
</div> </div>
</div>
: null : null
} }
</div>
</div> </div>
</Layout> </Layout>