dzeio/markblog
1
0
Fork 0
mirror of https://github.com/dzeiocom/markblog.git synced 2025-07-30 00:19:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updated

Browse Source 
Signed-off-by: Avior <florian.bouillon@delta-wings.net>
This commit is contained in:
Florian Bouillon
2020-02-06 00:39:09 +01:00
parent 32e09522bc
commit a5db5b9dbe
24 changed files with 1476 additions and 953 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
components/Element.tsx
View File

@ -1,6 +1,7 @@
import Link from 'next/link'
import React from 'react'
import { ChevronRight } from 'react-feather'
import Picture from './Picture'
interface Props {
title: string
@ -37,11 +38,7 @@ export default class Element extends React.Component<Props, {}> {
<div>
<Link href="/[category]/[slug]" as={this.props.link}>
{this.props.image ? (
<a><picture>
<source srcSet={require(`../images${this.props.image}?webp`)} type="image/webp" />
<source srcSet={require(`../images${this.props.image}`)} type="image/png" />
<img src={require(`../images${this.props.image}`)} />
</picture></a> //<img src={require(`../images${this.props.image}`/*this.props.image*/)} alt={this.props.alt}/>
<a aria-label={this.props.title}><Picture src={this.props.image} alt={this.props.alt} style={{height: 250, borderRadius: 10}} /></a> //<img src={require(`../images${this.props.image}`/*this.props.image*/)} alt={this.props.alt}/>
) : (
<div></div>
)}
@ -53,7 +50,7 @@ export default class Element extends React.Component<Props, {}> {
<a>{this.props.title}</a>
</Link>
<Link href="/[category]/[slug]" as={this.props.link}>
<a><ChevronRight size={48}/></a>
<a aria-label={this.props.title}><ChevronRight size={48}/></a>
</Link>
</span>
<style jsx>{`
@ -67,12 +64,7 @@ export default class Element extends React.Component<Props, {}> {
min-width: 400px;
}
}
img {
width: 100%;
border-radius: 10px;
height: 250px;
object-fit: cover;
}
span {
display: flex;
justify-content: space-between;