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

Layout tweaks

Browse Source
This commit is contained in:
jahooma 2021-12-10 18:06:51 -06:00
parent 19e8406480
commit b067bc8ada
3 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/components/header.tsx
View File

@ -27,20 +27,20 @@ function SignInLink(props: { darkBackground?: boolean }) {
{user ? ( {user ? (
<> <>
<Link href="/contract"> <Link href="/contract">
<a className={clsx('text-base font-medium', themeClasses)}> <a className={clsx('text-base', themeClasses)}>
Create a market Create a market
</a> </a>
</Link> </Link>
<Link href="/account"> <Link href="/account">
<a className={clsx('text-base font-medium', themeClasses)}> <a className={clsx('text-base', themeClasses)}>
{user.name} {user.name}
</a> </a>
</Link> </Link>
</> </>
) : ( ) : (
<button <button
className={clsx('text-base font-medium', themeClasses)} className={clsx('text-base', themeClasses)}
onClick={() => firebaseLogin()} onClick={() => firebaseLogin()}
> >
Sign In Sign In

4
web/pages/account.tsx
View File

@ -20,9 +20,9 @@ export default function Account() {
return ( return (
<div> <div>
<Header /> <Header />
<div className="max-w-4xl py-20 mx-auto"> <div className="max-w-4xl py-8 mx-auto">
<div> <div>
<div className="card glass lg:card-side text-neutral-content bg-green-600 hover:bg-green-600 transition-all max-w-sm mx-auto my-20"> <div className="card glass lg:card-side text-neutral-content bg-green-600 hover:bg-green-600 transition-all max-w-sm mx-auto my-12">
<figure className="p-6"> <figure className="p-6">
{user?.avatarUrl && ( {user?.avatarUrl && (
<Image <Image

9
web/pages/contract/index.tsx
View File

@ -1,6 +1,7 @@
import { useEffect, useState } from 'react' import { useEffect, useState } from 'react'
import { ContractsList } from '../../components/contracts-list' import { ContractsList } from '../../components/contracts-list'
import { Header } from '../../components/header' import { Header } from '../../components/header'
import { Spacer } from '../../components/layout/spacer'
import { useUser } from '../../hooks/use-user' import { useUser } from '../../hooks/use-user'
import { import {
Contract, Contract,
@ -52,8 +53,8 @@ export default function NewContract() {
return ( return (
<div> <div>
<Header /> <Header />
<div className="max-w-4xl py-20 lg:mx-auto px-4"> <div className="max-w-4xl py-12 lg:mx-auto px-4">
<h1 className="text-2xl font-major-mono text-green-600 font-bold mt-6 mb-4"> <h1 className="text-2xl font-major-mono text-green-600 font-bold my-6">
Create a new prediction market Create a new prediction market
</h1> </h1>
<div className="w-full bg-gray-100 rounded-lg shadow-xl p-6"> <div className="w-full bg-gray-100 rounded-lg shadow-xl p-6">
@ -163,8 +164,10 @@ export default function NewContract() {
</form> </form>
</div> </div>
<Spacer h={10} />
{/* Show a separate card for each contract */} {/* Show a separate card for each contract */}
<h1 className="text-2xl font-major-mono text-green-600 font-bold mt-6 mb-4"> <h1 className="text-2xl font-major-mono text-green-600 font-bold my-6">
Your markets Your markets
</h1> </h1>