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

fix comment bounty overflow style

Browse Source
This commit is contained in:
Sinclair Chen 2022-09-30 12:44:32 -07:00
parent 9815e7301f
commit 37beb584ef
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/components/contract/bountied-contract-badge.tsx
View File

@ -21,8 +21,11 @@ export function BountiedContractSmallBadge(props: {
if (!openCommentBounties) return <div /> if (!openCommentBounties) return <div />
return ( return (
<Tooltip text={CommentBountiesTooltipText(openCommentBounties)}> <Tooltip
<span className="inline-flex cursor-default items-center gap-1 rounded-full bg-indigo-300 px-2 py-0.5 text-xs font-medium text-white"> text={CommentBountiesTooltipText(openCommentBounties)}
placement="bottom"
>
<span className="inline-flex items-center gap-1 whitespace-nowrap rounded-full bg-indigo-300 px-2 py-0.5 text-xs font-medium text-white">
<CurrencyDollarIcon className={'h3 w-3'} /> <CurrencyDollarIcon className={'h3 w-3'} />
{showAmount && formatMoney(openCommentBounties)} Bounty {showAmount && formatMoney(openCommentBounties)} Bounty
</span> </span>

4
web/components/contract/contract-details.tsx
View File

@ -178,7 +178,7 @@ export function MarketSubheader(props: {
/> />
)} )}
</Row> </Row>
<Row className="text-2xs text-greyscale-4 gap-2 sm:text-xs"> <Row className="text-2xs text-greyscale-4 flex-wrap gap-2 sm:text-xs">
<CloseOrResolveTime <CloseOrResolveTime
contract={contract} contract={contract}
resolvedDate={resolvedDate} resolvedDate={resolvedDate}
@ -335,7 +335,7 @@ export function GroupDisplay(props: { groupToDisplay?: GroupLink | null }) {
if (groupToDisplay) { if (groupToDisplay) {
return ( return (
<Link prefetch={false} href={groupPath(groupToDisplay.slug)}> <Link prefetch={false} href={groupPath(groupToDisplay.slug)}>
<a className="bg-greyscale-4 hover:bg-greyscale-3 max-w-[140px] truncate rounded-full py-0.5 px-2 text-xs text-white sm:max-w-[250px]"> <a className="bg-greyscale-4 hover:bg-greyscale-3 max-w-[140px] truncate whitespace-nowrap rounded-full py-0.5 px-2 text-xs text-white sm:max-w-[250px]">
{groupToDisplay.name} {groupToDisplay.name}
</a> </a>
</Link> </Link>