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

Small ui tweaks

Browse Source
This commit is contained in:
Ian Philips 2022-08-30 16:52:42 -06:00
parent 9aa64bdf9e
commit e40780078c
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -284,7 +284,7 @@ export function ExtraMobileContractDetails(props: {
const { contract, user, forceShowVolume } = props
const { resolvedDate } = contractMetrics(contract)
const volumeTranslation =
contract.volume > 1000 ? 'High' : contract.volume > 200 ? 'Medium' : 'Low'
contract.volume > 800 ? 'High' : contract.volume > 300 ? 'Medium' : 'Low'
return (
<Row
@ -308,7 +308,7 @@ export function ExtraMobileContractDetails(props: {
) : (
!resolvedDate &&
contract.closeTime && (
<Col className={'items-center text-sm'}>
<Col className={'items-center text-sm text-gray-500'}>
<EditableCloseDate
closeTime={contract.closeTime}
contract={contract}
@ -319,9 +319,9 @@ export function ExtraMobileContractDetails(props: {
)
)}
{(user || forceShowVolume) && (
<Col className={'items-center text-sm '}>
<Col className={'items-center text-sm text-gray-500'}>
<Tooltip text={formatMoney(contract.volume)}>
<Row className={'text-gray-500'}>{volumeTranslation}</Row>
{volumeTranslation}
</Tooltip>
<Row className={'text-gray-400'}>Activity</Row>
</Col>
@ -393,7 +393,7 @@ function EditableCloseDate(props: {
/>
<input
type="time"
className="input input-bordered ml-2 shrink-0"
className="input input-bordered shrink-0"
onClick={(e) => e.stopPropagation()}
onChange={(e) => setCloseHoursMinutes(e.target.value)}
min="00:00"

4
web/components/contract/like-market-button.tsx
View File

@ -36,7 +36,7 @@ export function LikeMarketButton(props: {
color={'gray-white'}
onClick={onLike}
>
<Col className={'gap-0 sm:flex-row sm:gap-x-2'}>
<Col className={'sm:flex-row sm:gap-x-2'}>
<HeartIcon
className={clsx(
'h-6 w-6',
@ -47,7 +47,7 @@ export function LikeMarketButton(props: {
: ''
)}
/>
<span>Tip</span>
Tip
</Col>
</Button>
)