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

restyle all the things

Browse Source
This commit is contained in:
Thomas Ruoff
2021-02-25 00:13:37 +01:00
parent fb91b1cbc8
commit d4c71c40ca
9 changed files with 94 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
components/App.tsx
View File

@@ -79,17 +79,19 @@ export default function App() {
}
return (
<div className="flex flex-col space-x-5 max-w-7xl mx-auto py-3 sm:px-2 lg:px-3 bg-gray-100">
<div className="flex flex-col space-y-5 shadow sm:rounded-md sm:overflow-hidden">
<LetterOptions onChange={_onChange} {...options} />
<div className="flex space-x-3">
<Button onClick={_onGenerate}>Backe PDF</Button>
<Button onClick={_onClear}>Alles Löschen</Button>
<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>
<LatestList latest={latest} onSelect={_onSelectLatest} onRemove={_onRemoveLatest} />
</div>
<div className="flex flex-col space-y-5">
<Preview pdfUrl={pdfUrl} pdfIsLoading={pdfIsLoading} pdfError={pdfError} />
<LatestList latest={latest} onSelect={_onSelectLatest} onRemove={_onRemoveLatest} />
</div>
</div>
)