frontend: FunctionCard CSS Function__info bottom
This commit is contained in:
parent
5edf5e7069
commit
cb3ca25aac
@ -27,6 +27,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
.FunctionCard__top {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
flex-grow: 1;
|
||||
}
|
||||
.FunctionCard__image {
|
||||
width: 150px;
|
||||
}
|
||||
|
@ -4,9 +4,11 @@ import './FunctionCard.css';
|
||||
const FunctionCard = (props) => (
|
||||
<Link href={`/functions/${props.slug}`}>
|
||||
<div className="FunctionCard col-sm-24 col-md-10 col-xl-7">
|
||||
<img className="FunctionCard__image" alt={props.title} src={props.image} />
|
||||
<h2 className="FunctionCard__title">{props.title}</h2>
|
||||
<p className="FunctionCard__description">{props.description}</p>
|
||||
<div className="FunctionCard__top">
|
||||
<img className="FunctionCard__image" alt={props.title} src={props.image} />
|
||||
<h2 className="FunctionCard__title">{props.title}</h2>
|
||||
<p className="FunctionCard__description">{props.description}</p>
|
||||
</div>
|
||||
<div className="FunctionCard__info">
|
||||
<p className="FunctionCard__category" style={{ backgroundColor: props.category.color }}>{props.category.name}</p>
|
||||
<p className="FunctionCard__publication-date">{props.publicationDate}</p>
|
||||
|
Reference in New Issue
Block a user