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

Styles: update styling for user page header

Browse Source
This commit is contained in:
Aaron William Po
2023-11-27 23:06:31 -05:00
parent 7c87be09cf
commit 0c09db24a7
3 changed files with 6 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/UserPage/UserHeader.tsx
View File

@@ -52,6 +52,9 @@ const UserHeader: FC<UserHeaderProps> = ({ user }) => {
</span> </span>
)} )}
</span> </span>
<div className="w-6/12">
<p className="text-sm">{user.bio}</p>
</div>
<div className="h-20 flex items-center justify-center"> <div className="h-20 flex items-center justify-center">
<UserFollowButton <UserFollowButton
mutateFollowerCount={mutateFollowerCount} mutateFollowerCount={mutateFollowerCount}

25
src/pages/users/[id].tsx
View File

@@ -24,30 +24,9 @@ const UserInfoPage: FC<UserInfoPageProps> = ({ user }) => {
<meta name="description" content="User information" /> <meta name="description" content="User information" />
</Head> </Head>
<> <>
<main className="mb-12 mt-10 flex w-full items-center justify-center"> <main className="mb-12 mt-10 flex flex-col w-full items-center justify-center">
<div className="h-full w-11/12 space-y-3 xl:w-9/12 2xl:w-8/12"> <div className="w-11/12 space-y-3 xl:w-9/12 2xl:w-8/12">
<UserHeader user={user} /> <UserHeader user={user} />
{isDesktop ? (
<div className="h-64 flex space-x-3">
<div className="h-full w-5/12">
<div className="h-full card">
<div className="card-body">
<h2 className="text-2xl font-bold">About Me</h2>
<p>{user.bio}</p>
</div>
</div>
</div>
<div className="w-7/12">
<div className="h-full card">
<div className="h-full card-body"></div>
</div>
</div>
</div>
) : (
<></>
)}
</div> </div>
</main> </main>
</> </>

2
src/prisma/seed/create/createNewUsers.ts
View File

@@ -75,7 +75,7 @@ const createNewUsers = async ({ numberOfUsers }: CreateNewUsersArgs) => {
const dateOfBirth = faker.date.birthdate({ mode: 'age', min: 19 }); const dateOfBirth = faker.date.birthdate({ mode: 'age', min: 19 });
const createdAt = faker.date.past({ years: 4 }); const createdAt = faker.date.past({ years: 4 });
const bio = faker.lorem.paragraphs(3).replace(/\n/g, ' '); const bio = faker.lorem.paragraphs(1).replace(/\n/g, ' ');
const user: UserData = { const user: UserData = {
firstName, firstName,