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

Slightly improve spacing and alignment on Twitch page

Browse Source
This commit is contained in:
Marshall Polaris 2022-09-16 00:08:52 -07:00
parent 13717efeca
commit 0161d7fb75
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
web/pages/twitch.tsx
View File

@ -57,11 +57,11 @@ function TwitchPlaysManifoldMarkets(props: {
} }
return ( return (
<> <div>
<Row className="mb-4 items-end"> <Row className="mb-4">
<img <img
src="/twitch-glitch.svg" src="/twitch-glitch.svg"
className="mb-[0.4rem] mr-2 inline h-10 w-10" className="mb-[0.4rem] mr-4 inline h-10 w-10"
></img> ></img>
<Title <Title
text={'Twitch plays Manifold Markets'} text={'Twitch plays Manifold Markets'}
@ -92,7 +92,7 @@ function TwitchPlaysManifoldMarkets(props: {
<Button <Button
size="xl" size="xl"
color="gradient" color="gradient"
className="self-center !px-16" className="my-4 self-center !px-16"
onClick={getStarted} onClick={getStarted}
> >
Start playing Start playing
@ -107,7 +107,7 @@ function TwitchPlaysManifoldMarkets(props: {
of their choice at no cost! of their choice at no cost!
</div> </div>
</Col> </Col>
</> </div>
) )
} }
@ -129,8 +129,8 @@ function Command(props: { command: string; desc: string }) {
function TwitchChatCommands() { function TwitchChatCommands() {
return ( return (
<> <div>
<Title text={'Twitch Chat Commands'} className={'md:block'} /> <Title text="Twitch Chat Commands" className="md:block" />
<Col className="gap-4"> <Col className="gap-4">
<Subtitle text="For Chat" /> <Subtitle text="For Chat" />
<Command command="bet yes#" desc="Bets a # of Mana on yes." /> <Command command="bet yes#" desc="Bets a # of Mana on yes." />
@ -160,7 +160,7 @@ function TwitchChatCommands() {
desc="Resolves the market as 'N/A' and refunds everyone their Mana." desc="Resolves the market as 'N/A' and refunds everyone their Mana."
/> />
</Col> </Col>
</> </div>
) )
} }
@ -206,7 +206,7 @@ function SetUpBot(props: { privateUser?: PrivateUser | null }) {
<Button <Button
size="xl" size="xl"
color="gradient" color="gradient"
className="self-center !px-16" className="my-4 self-center !px-16"
// onClick={getStarted} // onClick={getStarted}
> >
Start playing Start playing
@ -304,7 +304,7 @@ export default function TwitchLandingPage() {
</Col> </Col>
</Col> */} </Col> */}
<Col className="max-w-3xl rounded bg-white p-10 text-gray-600 shadow-md sm:mx-auto"> <Col className="max-w-3xl gap-8 rounded bg-white p-10 text-gray-600 shadow-md sm:mx-auto">
<TwitchPlaysManifoldMarkets user={user} privateUser={privateUser} /> <TwitchPlaysManifoldMarkets user={user} privateUser={privateUser} />
<TwitchChatCommands /> <TwitchChatCommands />
<SetUpBot privateUser={privateUser} /> <SetUpBot privateUser={privateUser} />