liquidity panel styling
This commit is contained in:
parent
5988dd1e48
commit
f3704633ee
|
@ -11,7 +11,6 @@ import { useUserLiquidity } from 'web/hooks/use-liquidity'
|
||||||
import { Tabs } from './layout/tabs'
|
import { Tabs } from './layout/tabs'
|
||||||
import { NoLabel, YesLabel } from './outcome-label'
|
import { NoLabel, YesLabel } from './outcome-label'
|
||||||
import { Col } from './layout/col'
|
import { Col } from './layout/col'
|
||||||
import { InfoTooltip } from './info-tooltip'
|
|
||||||
import { track } from 'web/lib/service/analytics'
|
import { track } from 'web/lib/service/analytics'
|
||||||
|
|
||||||
export function LiquidityPanel(props: { contract: CPMMContract }) {
|
export function LiquidityPanel(props: { contract: CPMMContract }) {
|
||||||
|
@ -103,8 +102,7 @@ function AddLiquidityPanel(props: { contract: CPMMContract }) {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="align-center mb-4 text-gray-500">
|
<div className="align-center mb-4 text-gray-500">
|
||||||
Subsidize this market by adding M$ to the liquidity pool.{' '}
|
Subsidize this market by adding M$ to the liquidity pool.
|
||||||
<InfoTooltip text="The greater the M$ subsidy, the greater the incentive for traders to participate, the more accurate the market will be." />
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Row>
|
<Row>
|
||||||
|
@ -114,6 +112,7 @@ function AddLiquidityPanel(props: { contract: CPMMContract }) {
|
||||||
label="M$"
|
label="M$"
|
||||||
error={error}
|
error={error}
|
||||||
disabled={isLoading}
|
disabled={isLoading}
|
||||||
|
inputClassName="w-28"
|
||||||
/>
|
/>
|
||||||
<button
|
<button
|
||||||
className={clsx('btn btn-primary ml-2', isLoading && 'btn-disabled')}
|
className={clsx('btn btn-primary ml-2', isLoading && 'btn-disabled')}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user