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

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

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