jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-03 18:06:38 -04:00
Code Issues Activity

remove all styled-jsx from components

Browse Source
This commit is contained in:
Jake Jarvis
2022-01-15 16:30:18 -05:00
parent 872846dbeb
commit 867ad4c977
10 changed files with 85 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
pages/projects.tsx
View File

@ -19,42 +19,40 @@ const Projects = (props: { repos: RepoType[] }) => (
<ProjectsIcon /> Projects
</PageTitle>
<div>
<div className="wrapper">
{props.repos.map((repo: RepoType) => (
<div key={repo.name} className="repo_card">
<div key={repo.name} className="card">
<RepoCard {...repo} />
</div>
))}
<style jsx>{`
div {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
div .repo_card {
flex-grow: 1;
margin: 0.5em;
width: 370px;
}
`}</style>
</div>
<p>
<p className="view_more">
<a href="https://github.com/jakejarvis?tab=repositories" target="_blank" rel="noopener noreferrer">
View more on GitHub...
</a>
<style jsx>{`
p {
text-align: center;
margin-bottom: 0;
}
`}</style>
</p>
<style jsx>{`
.wrapper {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.card {
flex-grow: 1;
margin: 0.5em;
width: 370px;
}
.view_more {
text-align: center;
margin-bottom: 0;
}
`}</style>
</>
);