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

Line clamp question in prob change table

Browse Source
This commit is contained in:
James Grugett 2022-09-07 14:37:26 -05:00
parent ad18987e65
commit 0b3cdda4f4
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/components/contract/prob-change-table.tsx
View File

@ -21,7 +21,7 @@ export function ProbChangeTable(props: { userId: string | undefined }) {
const count = 3 const count = 3
return ( return (
<Row className="w-full flex-wrap divide-x-2 rounded bg-white shadow-md"> <Row className="mb-4 w-full flex-wrap divide-x-2 rounded bg-white shadow-md">
<Col className="min-w-[300px] flex-1 divide-y"> <Col className="min-w-[300px] flex-1 divide-y">
{positiveChanges.slice(0, count).map((contract) => ( {positiveChanges.slice(0, count).map((contract) => (
<Row className="hover:bg-gray-100"> <Row className="hover:bg-gray-100">
@ -30,7 +30,7 @@ export function ProbChangeTable(props: { userId: string | undefined }) {
className="p-4 font-semibold text-indigo-700" className="p-4 font-semibold text-indigo-700"
href={contractPath(contract)} href={contractPath(contract)}
> >
{contract.question} <span className="line-clamp-2">{contract.question}</span>
</SiteLink> </SiteLink>
</Row> </Row>
))} ))}
@ -43,7 +43,7 @@ export function ProbChangeTable(props: { userId: string | undefined }) {
className="p-4 font-semibold text-indigo-700" className="p-4 font-semibold text-indigo-700"
href={contractPath(contract)} href={contractPath(contract)}
> >
{contract.question} <span className="line-clamp-2">{contract.question}</span>
</SiteLink> </SiteLink>
</Row> </Row>
))} ))}