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

Apply dark theme to all DaisyUI components

Browse Source
This commit is contained in:
Austin Chen 2021-12-08 23:59:09 -08:00
parent 0017b2a17e
commit b41c467fcb
2 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/pages/_document.tsx
View File

@ -2,7 +2,7 @@ import { Html, Head, Main, NextScript } from 'next/document'
export default function Document() {
return (
<Html>
<Html data-theme="dark">
<Head>
<title>Mantic Markets</title>

17
web/pages/simulator/index.tsx
View File

@ -13,6 +13,7 @@ import { ChartData } from 'chart.js'
import { Line } from 'react-chartjs-2'
import { bids as sampleBids } from '../../lib/simulator/sample-bids'
import { Entry, makeEntries } from '../../lib/simulator/entries'
import { Header } from '../../components/header'
// Auto import doesn't work for some reason...
// So we manually register ChartJS components instead:
@ -157,14 +158,14 @@ function NewBidTable(props: {
}, [newBid, newBidType, steps])
return (
<table className="table table-compact my-8 w-full">
<table className="table table-compact my-8 w-full text-center">
<thead>
<tr>
<th>Order #</th>
<th>Type</th>
<th>Bid</th>
<th>Weight</th>
<th>Probability</th>
<th>Prob</th>
<th>Payout</th>
<th>Return</th>
<th></th>
@ -195,6 +196,7 @@ function NewBidTable(props: {
</div>
</td>
<td>
{/* Note: Would love to make this input smaller... */}
<input
type="number"
placeholder="0"
@ -253,11 +255,12 @@ export default function Simulator() {
}, [steps])
return (
<div className="overflow-x-auto px-12 mt-8 text-center">
<div className="grid grid-cols-1 xl:grid-cols-2 gap-4">
<div className="relative overflow-hidden h-screen bg-gray-900">
<Header />
<div className="grid grid-cols-1 xl:grid-cols-2 gap-4 mt-8 max-w-7xl mx-auto text-center">
{/* Left column */}
<div>
<h1 className="text-2xl font-bold text-gray-600 mb-8">
<h1 className="text-2xl font-bold mb-8">
Dynamic Parimutuel Market Simulator
</h1>
{/* Range slider that sets the current step */}
@ -275,7 +278,7 @@ export default function Simulator() {
{/* History of bids */}
<div className="overflow-x-auto">
<table className="table w-full">
<table className="table w-full text-center">
<thead>
<tr>
<th>Order #</th>
@ -295,7 +298,7 @@ export default function Simulator() {
{/* Right column */}
<div>
<h1 className="text-2xl font-bold text-gray-600 mb-8">
<h1 className="text-2xl font-bold mb-8">
Probability of
<div className="badge badge-success text-2xl h-8 w-18">YES</div>
</h1>