kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-05-02 19:56:16 +02:00
Code Issues Projects Releases Wiki Activity

Auto-resize project images

Browse source
This commit is contained in:
Kevin Kandlbinder 2020-12-23 17:48:39 +01:00
parent bcfc8817ec
commit f1fa8c9121
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/pages/projects.js
View file

@ -13,7 +13,11 @@ query GetProjects($language: String) {
urlname urlname
name name
image { image {
publicURL childImageSharp {
resize(width: 250) {
src
}
}
} }
shortDescription shortDescription
} }
@ -37,7 +41,7 @@ export default function ProjectsPage({data}) {
return ( return (
<div className={styles.projectCard}> <div className={styles.projectCard}>
{/*<div className="projectCardActivityIndicator activityIndicatorBlue">Live</div>*/} {/*<div className="projectCardActivityIndicator activityIndicatorBlue">Live</div>*/}
<div className={styles.projectCardImage} style={{ backgroundImage: "url("+project.image.publicURL+")" }}></div> <div className={styles.projectCardImage} style={{ backgroundImage: "url("+project.image.childImageSharp.resize.src+")" }}></div>
<div className={styles.projectCardMeta}> <div className={styles.projectCardMeta}>
<span className={styles.projectCardTitle}>{project.name}</span> <span className={styles.projectCardTitle}>{project.name}</span>
<span className={styles.projectCardTeaser}>{project.shortDescription}</span> <span className={styles.projectCardTeaser}>{project.shortDescription}</span>