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

Use gray-500 instead of gray-400 for text against gray bg.

Browse Source
This commit is contained in:
jahooma 2022-01-08 23:10:08 -06:00
parent e4206d6277
commit 519dda6473
3 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/components/advanced-panel.tsx
View File

@ -17,7 +17,7 @@ export function AdvancedPanel(props: { children: any }) {
onClick={() => setCollapsed((collapsed) => !collapsed)}
className="cursor-pointer"
>
<div className="mt-4 mr-6 text-sm text-gray-400 text-right">
<div className="mt-4 mr-6 text-sm text-gray-500 text-right">
Advanced
</div>
<div
@ -25,7 +25,7 @@ export function AdvancedPanel(props: { children: any }) {
style={{
top: -2,
right: -15,
color: '#9ca3af' /* gray-400 */,
color: '#6a7280' /* gray-500 */,
}}
/>
</div>

13
web/components/bet-panel.tsx
View File

@ -1,4 +1,3 @@
import { getFunctions, httpsCallable } from 'firebase/functions'
import clsx from 'clsx'
import React, { useEffect, useState } from 'react'
@ -115,14 +114,14 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
>
<Title className="!mt-0 whitespace-nowrap" text={`Buy ${betChoice}`} />
<div className="mt-2 mb-1 text-sm text-gray-400">Outcome</div>
<div className="mt-2 mb-1 text-sm text-gray-500">Outcome</div>
<YesNoSelector
className="my-2"
selected={betChoice}
onSelect={(choice) => onBetChoice(choice)}
/>
<div className="mt-3 mb-1 text-sm text-gray-400">
<div className="mt-3 mb-1 text-sm text-gray-500">
Amount{' '}
{user && (
<span className="float-right">
@ -156,14 +155,14 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
{user && <AddFundsButton className="self-end mt-3" />}
</Col>
<div className="mt-2 mb-1 text-sm text-gray-400">Implied probability</div>
<div className="mt-2 mb-1 text-sm text-gray-500">Implied probability</div>
<Row>
<div>{formatPercent(initialProb)}</div>
<div className="mx-2">→</div>
<div>{formatPercent(resultProb)}</div>
</Row>
<div className="mt-2 mb-1 text-sm text-gray-400">
<div className="mt-2 mb-1 text-sm text-gray-500">
Estimated max payout
</div>
<div>
@ -172,7 +171,7 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
</div>
<AdvancedPanel>
<div className="mt-2 mb-1 text-sm text-gray-400">
<div className="mt-2 mb-1 text-sm text-gray-500">
<OutcomeLabel outcome={betChoice} /> shares
</div>
<div>
@ -180,7 +179,7 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
{formatWithCommas(shares + contract.totalShares[betChoice])}
</div>
<div className="mt-2 mb-1 text-sm text-gray-400">
<div className="mt-2 mb-1 text-sm text-gray-500">
Current payout if <OutcomeLabel outcome={betChoice} />
</div>
<div>

4
web/pages/create.tsx
View File

@ -183,7 +183,7 @@ export default function NewContract() {
/>
</label>
<label>
<span className="label-text text-gray-400 ml-1">
<span className="label-text text-gray-500 ml-1">
Remaining balance:{' '}
{formatMoney(remainingBalance > 0 ? remainingBalance : 0)}
</span>
@ -207,7 +207,7 @@ export default function NewContract() {
/>
</div>
<label>
<span className="label-text text-gray-400 ml-1">
<span className="label-text text-gray-500 ml-1">
No new trades will be allowed after{' '}
{closeDate ? formattedCloseTime : 'this time'}
</span>