AaronPo/the-biergarten-app
1
0
Fork 0
mirror of https://github.com/aaronpo97/the-biergarten-app.git synced 2026-02-16 18:52:06 +00:00
Code Issues Packages Projects 1 Releases Wiki Activity

Update styles to be more mobile friendly, add favicon

Browse Source
This commit is contained in:
Aaron William Po
2023-04-18 21:40:34 -04:00
parent 95778333df
commit dffbc5cdfb
21 changed files with 83 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/RegisterUserForm.tsx
View File

@@ -48,8 +48,8 @@ const RegisterUserForm: FC = () => {
)}
</div>
<div>
<div className="flex flex-row space-x-3">
<div className="w-[50%]">
<div className="flex flex-col lg:flex-row lg:space-x-3">
<div className="lg:w-[50%]">
<FormInfo>
<FormLabel htmlFor="firstName">First name</FormLabel>
<FormError>{errors.firstName?.message}</FormError>
@@ -66,7 +66,7 @@ const RegisterUserForm: FC = () => {
</FormSegment>
</div>
<div className="w-[50%]">
<div className="lg:w-[50%]">
<FormInfo>
<FormLabel htmlFor="lastName">Last name</FormLabel>
<FormError>{errors.lastName?.message}</FormError>
@@ -84,8 +84,8 @@ const RegisterUserForm: FC = () => {
</div>
</div>
<div className="flex flex-row space-x-3">
<div className="w-[50%]">
<div className="flex flex-col lg:flex-row lg:space-x-3">
<div className="lg:w-[50%]">
<FormInfo>
<FormLabel htmlFor="email">email</FormLabel>
<FormError>{errors.email?.message}</FormError>
@@ -101,7 +101,7 @@ const RegisterUserForm: FC = () => {
/>
</FormSegment>
</div>
<div className="w-[50%]">
<div className="lg:w-[50%]">
<FormInfo>
<FormLabel htmlFor="username">username</FormLabel>
<FormError>{errors.username?.message}</FormError>
@@ -119,8 +119,8 @@ const RegisterUserForm: FC = () => {
</div>
</div>
<div className="flex flex-row space-x-3">
<div className="w-[50%]">
<div className="flex flex-col lg:flex-row lg:space-x-3">
<div className="lg:w-[50%]">
<FormInfo>
<FormLabel htmlFor="password">password</FormLabel>
<FormError>{errors.password?.message}</FormError>
@@ -136,7 +136,7 @@ const RegisterUserForm: FC = () => {
/>
</FormSegment>
</div>
<div className="w-[50%]">
<div className="lg:w-[50%]">
<FormInfo>
<FormLabel htmlFor="confirmPassword">confirm password</FormLabel>
<FormError>{errors.confirmPassword?.message}</FormError>