+1 -1

src/web/app.tsx

··· 9 10 if (markets.isLoading) return <div className="p-4"><Spinner className='m-auto' /></div> 11 12 - return <div className="grid md:grid-cols-2 gap-2"> 13 {markets.data?.map(market => <Market key={market.uri} market={market} />)} 14 <AddMarket /> 15 </div>

··· 9 10 if (markets.isLoading) return <div className="p-4"><Spinner className='m-auto' /></div> 11 12 + return <div className="grid md:grid-cols-2 divide-shell-900 divide-y-2"> 13 {markets.data?.map(market => <Market key={market.uri} market={market} />)} 14 <AddMarket /> 15 </div>

+1 -1

src/web/components/market.tsx

··· 35 } 36 } 37 38 - return <div key={market.cid} className="relative uppercase bg-radial-[at_80%_200%] from-coral-500 via-coral-50"> 39 40 <div className="absolute inset-0 p-2"> 41 <h2 className="text-xl font-bold flex gap-1 items-center">{market.question}</h2>

··· 35 } 36 } 37 38 + return <div key={market.cid} className="relative uppercase bg-radial-[at_80%_200%] from-coral-500 bg-slate-300 via-coral-50"> 39 40 <div className="absolute inset-0 p-2"> 41 <h2 className="text-xl font-bold flex gap-1 items-center">{market.question}</h2>

src/web/fonts/AtkinsonHyperlegible-Regular.ttf

This is a binary file and will not be displayed.

src/web/fonts/VictorMono-Regular.woff2

This is a binary file and will not be displayed.

+17

src/web/index.css

··· 2 @import "tw-animate-css"; 3 @import "shadcn/tailwind.css"; 4 0 0 0 0 0 0 0 0 0 0 0 0 0 0 5 @custom-variant dark (&:is(.dark *)); 6 7 @theme { ··· 132 --sidebar-accent-foreground: oklch(0.25 0.06 350); 133 --sidebar-border: oklch(0.88 0.03 230); 134 --sidebar-ring: oklch(0.72 0.18 350); 0 0 0 135 } 136 137 .dark {

··· 2 @import "tw-animate-css"; 3 @import "shadcn/tailwind.css"; 4 5 + @font-face { 6 + font-family: "Atkinson Hyperlegible"; 7 + src: url("./fonts/AtkinsonHyperlegible-Regular.ttf") format("truetype"); 8 + font-display: swap; 9 + } 10 + 11 + @font-face { 12 + font-family: "Victor Mono"; 13 + src: url("./fonts/VictorMono-Regular.woff2") format("woff2"); 14 + font-weight: 400; 15 + font-style: normal; 16 + font-display: swap; 17 + } 18 + 19 @custom-variant dark (&:is(.dark *)); 20 21 @theme { ··· 146 --sidebar-accent-foreground: oklch(0.25 0.06 350); 147 --sidebar-border: oklch(0.88 0.03 230); 148 --sidebar-ring: oklch(0.72 0.18 350); 149 + 150 + --font-sans: "Atkinson Hyperlegible", sans-serif; 151 + --font-mono: "Victor Mono", monospace; 152 } 153 154 .dark {