client: add spacing to top/bottom of Documents

This commit is contained in:
Max Leiter 2022-03-09 01:01:58 -08:00
parent 04257a8b64
commit 73e32a58e7
No known key found for this signature in database
GPG key ID: A3512F2F2F17EBDA
3 changed files with 48 additions and 48 deletions

View file

@ -1,4 +1,4 @@
import { Button, ButtonGroup, Card, Input, Tabs, Textarea } from "@geist-ui/core" import { Button, ButtonGroup, Card, Input, Spacer, Tabs, Textarea } from "@geist-ui/core"
import { ChangeEvent, FormEvent, memo, useEffect, useReducer, useRef, useState } from "react" import { ChangeEvent, FormEvent, memo, useEffect, useReducer, useRef, useState } from "react"
import styles from './document.module.css' import styles from './document.module.css'
import MarkdownPreview from '../preview' import MarkdownPreview from '../preview'
@ -40,6 +40,8 @@ const Document = ({ remove, editable, title, content, setTitle, setContent, init
} }
return ( return (
<>
<Spacer height={1} />
<Card marginBottom={'var(--gap)'} marginTop={'var(--gap)'} style={{ maxWidth: 980, margin: "0 auto" }}> <Card marginBottom={'var(--gap)'} marginTop={'var(--gap)'} style={{ maxWidth: 980, margin: "0 auto" }}>
<div className={styles.fileNameContainer}> <div className={styles.fileNameContainer}>
<Input <Input
@ -82,6 +84,8 @@ const Document = ({ remove, editable, title, content, setTitle, setContent, init
</div > </div >
</Card > </Card >
<Spacer height={1} />
</>
) )
} }

View file

@ -1,10 +1,7 @@
import React, { useMemo } from 'react' import React from 'react'
import Router, { useRouter } from 'next/router'
import MoonIcon from '@geist-ui/icons/moon' import MoonIcon from '@geist-ui/icons/moon'
import SunIcon from '@geist-ui/icons/sun' import SunIcon from '@geist-ui/icons/sun'
import UserIcon from '@geist-ui/icons/user' import { Select } from '@geist-ui/core'
import GitHubIcon from '@geist-ui/icons/github'
import { Select, Spacer, useTheme } from '@geist-ui/core'
import { ThemeProps } from '../../pages/_app' import { ThemeProps } from '../../pages/_app'
// import { useAllThemes, useTheme } from '@geist-ui/core' // import { useAllThemes, useTheme } from '@geist-ui/core'
import styles from './header.module.css' import styles from './header.module.css'

View file

@ -70,7 +70,6 @@ const Home = ({ theme, changeTheme, introContent, todoContent }: Props) => {
title={`Welcome to Drift.md`} title={`Welcome to Drift.md`}
initialTab={`preview`} initialTab={`preview`}
/> />
<Spacer height={1} />
<Document <Document
editable={false} editable={false}
content={todoContent} content={todoContent}