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

Break words in questions

Browse Source
This commit is contained in:
James Grugett 2022-02-14 20:27:43 -06:00
parent 95fbfb7db0
commit 4917d4084b
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/components/contract-card.tsx
View File

@ -47,7 +47,12 @@ export function ContractCard(props: {
<Spacer h={3} /> <Spacer h={3} />
<Row className="justify-between gap-4"> <Row className="justify-between gap-4">
<p className="font-medium text-indigo-700">{question}</p> <p
className="font-medium text-indigo-700 break-words"
style={{ /* For iOS safari */ wordBreak: 'break-word' }}
>
{question}
</p>
<ResolutionOrChance className="items-center" contract={contract} /> <ResolutionOrChance className="items-center" contract={contract} />
</Row> </Row>
</div> </div>

6
web/components/site-link.tsx
View File

@ -12,9 +12,10 @@ export const SiteLink = (props: {
<a <a
href={href} href={href}
className={clsx( className={clsx(
'z-10 hover:underline hover:decoration-indigo-400 hover:decoration-2', 'break-words z-10 hover:underline hover:decoration-indigo-400 hover:decoration-2',
className className
)} )}
style={{ /* For iOS safari */ wordBreak: 'break-word' }}
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
> >
{children} {children}
@ -23,9 +24,10 @@ export const SiteLink = (props: {
<Link href={href}> <Link href={href}>
<a <a
className={clsx( className={clsx(
'z-10 hover:underline hover:decoration-indigo-400 hover:decoration-2', 'break-words z-10 hover:underline hover:decoration-indigo-400 hover:decoration-2',
className className
)} )}
style={{ /* For iOS safari */ wordBreak: 'break-word' }}
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
> >
{children} {children}