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 />
return (
<Tooltip text={CommentBountiesTooltipText(openCommentBounties)}>
<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">
<Tooltip
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'} />
{showAmount && formatMoney(openCommentBounties)} Bounty
</span>

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

@ -178,7 +178,7 @@ export function MarketSubheader(props: {
/>
)}
</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
contract={contract}
resolvedDate={resolvedDate}
@ -335,7 +335,7 @@ export function GroupDisplay(props: { groupToDisplay?: GroupLink | null }) {
if (groupToDisplay) {
return (
<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}
</a>
</Link>