+1 -1

src/web/app.tsx

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

+1 -1

src/web/components/market.tsx

··· 35 35 } 36 36 } 37 37 38 38 - return <div key={market.cid} className="relative uppercase bg-radial-[at_80%_200%] from-coral-500 via-coral-50"> 38 38 + return <div key={market.cid} className="relative uppercase bg-radial-[at_80%_200%] from-coral-500 bg-slate-300 via-coral-50"> 39 39 40 40 <div className="absolute inset-0 p-2"> 41 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 2 @import "tw-animate-css"; 3 3 @import "shadcn/tailwind.css"; 4 4 5 5 + @font-face { 6 6 + font-family: "Atkinson Hyperlegible"; 7 7 + src: url("./fonts/AtkinsonHyperlegible-Regular.ttf") format("truetype"); 8 8 + font-display: swap; 9 9 + } 10 10 + 11 11 + @font-face { 12 12 + font-family: "Victor Mono"; 13 13 + src: url("./fonts/VictorMono-Regular.woff2") format("woff2"); 14 14 + font-weight: 400; 15 15 + font-style: normal; 16 16 + font-display: swap; 17 17 + } 18 18 + 5 19 @custom-variant dark (&:is(.dark *)); 6 20 7 21 @theme { ··· 132 146 --sidebar-accent-foreground: oklch(0.25 0.06 350); 133 147 --sidebar-border: oklch(0.88 0.03 230); 134 148 --sidebar-ring: oklch(0.72 0.18 350); 149 149 + 150 150 + --font-sans: "Atkinson Hyperlegible", sans-serif; 151 151 + --font-mono: "Victor Mono", monospace; 135 152 } 136 153 137 154 .dark {