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

Right align tweet button

Browse Source
This commit is contained in:
jahooma 2022-01-05 23:02:36 -06:00
parent 95b28bd536
commit 477878a09f
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -54,15 +54,18 @@ export const ContractOverview = (props: {
/>
<ContractDetails contract={contract} />
<TweetButton tweetText={tweetText} />
<TweetButton className="self-end md:hidden" tweetText={tweetText} />
</Col>
<Col className="hidden md:flex justify-between items-end">
<ResolutionOrChance
className="hidden md:flex md:items-end"
className="items-end"
resolution={resolution}
probPercent={probPercent}
large
/>
<TweetButton className="mt-6" tweetText={tweetText} />
</Col>
</Row>
<Spacer h={4} />

7
web/components/tweet-button.tsx
View File

@ -5,11 +5,8 @@ export function TweetButton(props: { className?: string; tweetText?: string }) {
return (
<a
className={clsx(
'btn btn-xs normal-case self-start border-none',
className
)}
style={{ backgroundColor: '#1da1f2' }}
className={clsx('btn btn-xs normal-case border-none', className)}
style={{ backgroundColor: '#1da1f2', width: 75 }}
href={`https://twitter.com/intent/tweet?text=${encodeURIComponent(
tweetText ?? ''
)}`}