open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix profile tab styling

Browse Source
This commit is contained in:
Sinclair Chen 2022-09-22 16:24:30 -04:00
parent a1c3d0a2dd
commit 2240db9baa
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/layout/tabs.tsx
View File

@ -31,7 +31,7 @@ export function ControlledTabs(props: TabProps & { activeIndex: number }) {
return ( return (
<> <>
<nav <nav
className={clsx(' space-x-8 border-b border-gray-200', className)} className={clsx('space-x-8 border-b border-gray-200', className)}
aria-label="Tabs" aria-label="Tabs"
> >
{tabs.map((tab, i) => ( {tabs.map((tab, i) => (

3
web/components/user-page.tsx
View File

@ -254,6 +254,7 @@ export function UserPage(props: { user: User }) {
</Row> </Row>
)} )}
<QueryUncontrolledTabs <QueryUncontrolledTabs
className="mb-4"
currentPageForAnalytics={'profile'} currentPageForAnalytics={'profile'}
labelClassName={'pb-2 pt-1 '} labelClassName={'pb-2 pt-1 '}
tabs={[ tabs={[
@ -283,7 +284,7 @@ export function UserPage(props: { user: User }) {
title: 'Stats', title: 'Stats',
content: ( content: (
<Col className="mb-8"> <Col className="mb-8">
<Row className={'mb-8 flex-wrap items-center gap-6'}> <Row className="mb-8 flex-wrap items-center gap-x-6 gap-y-2">
<FollowingButton user={user} /> <FollowingButton user={user} />
<FollowersButton user={user} /> <FollowersButton user={user} />
<ReferralsButton user={user} /> <ReferralsButton user={user} />