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

Fix styles

Browse Source
This commit is contained in:
Aaron William Po
2023-12-03 01:58:22 -05:00
parent 8a2ffcc805
commit b114ca89da
3 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/BeerBreweryComments/CommentCardBody.tsx
View File

@@ -29,9 +29,9 @@ const CommentCardBody: FC<CommentCardProps> = ({
const [inEditMode, setInEditMode] = useState(false); const [inEditMode, setInEditMode] = useState(false);
return ( return (
<div ref={ref} className="flex"> <div ref={ref} className="flex items-start">
<div className="w-[12%] justify-center py-4"> <div className="mx-3 w-[20%] justify-center sm:w-[12%]">
<div className="h-20 px-3"> <div className="h-20 pt-4">
<UserAvatar user={comment.postedBy} /> <UserAvatar user={comment.postedBy} />
</div> </div>
</div> </div>

8
src/components/BreweryIndex/BreweryCard.tsx
View File

@@ -32,12 +32,14 @@ const BreweryCard: FC<{ brewery: z.infer<typeof BreweryPostQueryResult> }> = ({
<div className="card-body justify-between"> <div className="card-body justify-between">
<div> <div>
<Link href={`/breweries/${brewery.id}`} className="link-hover link"> <Link href={`/breweries/${brewery.id}`} className="link-hover link">
<h2 className="truncate text-xl font-bold lg:text-2xl">{brewery.name}</h2> <span className="text-lg font-bold lg:text-xl xl:truncate">
{brewery.name}
</span>
</Link> </Link>
</div> </div>
<div className="flex items-end justify-between"> <div className="flex w-full items-end justify-between">
<div className="w-9/12"> <div className="w-9/12">
<h3 className="truncate text-lg font-semibold lg:text-xl"> <h3 className="text-lg font-semibold lg:text-xl xl:truncate">
{brewery.location.city},{' '} {brewery.location.city},{' '}
{brewery.location.stateOrProvince || brewery.location.country} {brewery.location.stateOrProvince || brewery.location.country}
</h3> </h3>

2
src/pages/users/account/index.tsx
View File

@@ -50,7 +50,7 @@ const AccountPage: NextPage = () => {
<Tab.Group> <Tab.Group>
<Tab.List className="tabs-boxed tabs items-center justify-center rounded-2xl"> <Tab.List className="tabs-boxed tabs items-center justify-center rounded-2xl">
<Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active"> <Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active">
Account Info and Security Account
</Tab> </Tab>
<Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active"> <Tab className="tab tab-md w-1/2 uppercase ui-selected:tab-active">
Your Posts Your Posts