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

Increase size of creator name. Decrease spacing

Browse Source
This commit is contained in:
jahooma 2021-12-30 16:31:04 -06:00
parent 6a851fe86a
commit 41a011a9bb
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
web/components/contracts-list.tsx
View File

@ -112,6 +112,8 @@ function ContractsGrid(props: { contracts: Contract[] }) {
) )
} }
const MAX_GROUPED_CONTRACTS_DISPLAYED = 6
export function CreatorContractsGrid(props: { contracts: Contract[] }) { export function CreatorContractsGrid(props: { contracts: Contract[] }) {
const { contracts } = props const { contracts } = props
@ -126,16 +128,20 @@ export function CreatorContractsGrid(props: { contracts: Contract[] }) {
const { creatorUsername, creatorName } = byCreator[creatorId][0] const { creatorUsername, creatorName } = byCreator[creatorId][0]
return ( return (
<Col className="gap-6"> <Col className="gap-4">
<SiteLink href={`/${creatorUsername}`}>{creatorName}</SiteLink> <SiteLink className="text-lg" href={`/${creatorUsername}`}>
{creatorName}
</SiteLink>
<ul role="list" className="grid grid-cols-1 gap-6 lg:grid-cols-2"> <ul role="list" className="grid grid-cols-1 gap-4 lg:grid-cols-2">
{byCreator[creatorId].slice(0, 6).map((contract) => ( {byCreator[creatorId]
.slice(0, MAX_GROUPED_CONTRACTS_DISPLAYED)
.map((contract) => (
<ContractCard contract={contract} key={contract.id} /> <ContractCard contract={contract} key={contract.id} />
))} ))}
</ul> </ul>
{byCreator[creatorId].length > 6 ? ( {byCreator[creatorId].length > MAX_GROUPED_CONTRACTS_DISPLAYED ? (
<Link href={`/${creatorUsername}`}> <Link href={`/${creatorUsername}`}>
<a <a
className={clsx( className={clsx(