knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Open Spending: minor improvements (#918)

Browse Source 
* [examples/openspending][xs]: center align footer and make file previews wider

* Run prettier

---------

Co-authored-by: deme <deme@deme>
This commit is contained in:
João Demenech 2023-06-01 10:19:39 -03:00 committed by GitHub
parent 45089419da
commit fc8eb95dbc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
examples/openspending/components/_shared/Footer.tsx
View File

@ -4,21 +4,18 @@ export default function Footer() {
return ( return (
<footer> <footer>
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 flex flex-col items-center justify-between md:flex-row"> <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 flex flex-col items-center justify-between md:flex-row">
<div className="flex gap-x-2 items-center"> <div className="flex gap-x-2 items-center mx-auto">
<p className="mt-8 text-base text-slate-500 md:mt-0">Maintained by</p> <p className="mt-8 text-base text-slate-500 md:mt-0">Maintained by</p>
<a href="https://www.datopian.com/"> <a href="https://www.datopian.com/" target="_blank">
<Image <Image
alt="Datopian logo" alt="Datopian logo"
className="mb-2" className="mb-2"
src="/datopian-logotype.png" src="/datopian-logotype.png"
width={160} width={120}
height={40} height={30}
/> />
</a> </a>
</div> </div>
<p className="mt-6 text-base text-slate-500 md:mt-0">
Copyright © 2023 Datopian, LLC. All rights reserved.
</p>
</div> </div>
</footer> </footer>
); );

20
examples/openspending/pages/@org/[org]/[project].tsx
View File

@ -184,7 +184,7 @@ export default function ProjectPage({
return ( return (
<div key={file.name}> <div key={file.name}>
{file.path && ( {file.path && (
<> <div className="lg:ml-[calc(50%-37vw)] lg:w-[74vw]">
<h4> <h4>
{file.name} {file.name}
{file.format ? `.${file.format}` : ''} {file.format ? `.${file.format}` : ''}
@ -192,14 +192,16 @@ export default function ProjectPage({
{file.bytes >= 5132288 && ( {file.bytes >= 5132288 && (
<span>Previewing 5MB out of {size}</span> <span>Previewing 5MB out of {size}</span>
)} )}
<FlatUiTable <div className="mt-5">
url={ <FlatUiTable
file.path.startsWith('http') url={
? file.path file.path.startsWith('http')
: `https://raw.githubusercontent.com/${project.owner.name}/${project.repo.name}/main/${file.path}` ? file.path
} : `https://raw.githubusercontent.com/${project.owner.name}/${project.repo.name}/main/${file.path}`
/> }
</> />
</div>
</div>
)} )}
</div> </div>
); );