tomru/pdfer
1
0
Fork 0
mirror of https://github.com/tomru/pdfer.git synced 2026-03-03 06:27:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

more styling

Browse Source
This commit is contained in:
Thomas Ruoff
2021-02-28 23:28:05 +01:00
parent fcb453b243
commit 0aaccf6966
7 changed files with 53 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
components/App.tsx
View File

@@ -7,8 +7,6 @@ import { generatePdf, getLatest, removeLatest } from './apiHelper'
import { ILatest } from '../interfaces/ILatest'
import { IDocProps } from '../interfaces/IDocProps'
//import './App.css';
export default function App() {
const [options, setOptions] = useState<IDocProps>({
address: 'Max Mustermann\nMusterstrasse\n12345 Musterstadt',
@@ -79,20 +77,16 @@ export default function App() {
}
return (
<div className="flex flex-col space-x-5 py-3 sm:px-2 lg:px-3 bg-gray-100">
<div className="flex space-x-5">
<div className=" flex-grow flex flex-col shadow sm:rounded-md sm:overflow-hidden">
<LetterOptions onChange={_onChange} {...options} />
<div className="flex space-x-3 p-3">
<Button onClick={_onGenerate}>PDF Erstellen</Button>
<Button onClick={_onClear}>Alles Löschen</Button>
</div>
<div className="flex space-x-5 py-3 sm:px-2 lg:px-3 bg-gray-100">
<div className=" flex-grow flex flex-col shadow sm:rounded-md sm:overflow-hidden">
<LetterOptions onChange={_onChange} {...options} />
<div className="flex space-x-3 p-3">
<Button onClick={_onGenerate}>PDF Erstellen</Button>
<Button onClick={_onClear}>Alles Löschen</Button>
</div>
<LatestList latest={latest} onSelect={_onSelectLatest} onRemove={_onRemoveLatest} />
</div>
<div className="flex flex-col space-y-5">
<Preview pdfUrl={pdfUrl} pdfIsLoading={pdfIsLoading} pdfError={pdfError} />
</div>
<LatestList latest={latest} onSelect={_onSelectLatest} onRemove={_onRemoveLatest} />
</div>
)
}