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