Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit e1458c78 authored by Plumtree3D's avatar Plumtree3D
Browse files

feat: placeholder for broken images

parent c563fda9
No related branches found
No related tags found
No related merge requests found
Pipeline #12306 passed
...@@ -4,9 +4,10 @@ export default function HomepageList(props) { ...@@ -4,9 +4,10 @@ export default function HomepageList(props) {
return ( return (
<div className={styles.wholeCard +" avatar avatar--vertical"}> <div className={styles.wholeCard +" avatar avatar--vertical"}>
<a href={props.url} className={styles.avatarSegment + " text--center margin-bottom--md"} target="_blank" rel="noreferrer"> <a href={props.url} className={styles.avatarSegment + " text--center margin-bottom--md"} target="_blank" rel="noreferrer">
<img <div className={styles.imgBackground +" avatar__photo avatar__photo--xl margin--sm"}>
className="avatar__photo avatar__photo--xl margin--sm" <img
src={props.img} /> src={props.img} />
</div>
<div className={styles.underline + " avatar__name"}> <div className={styles.underline + " avatar__name"}>
{props.name} {props.name}
</div> </div>
......
...@@ -9,10 +9,17 @@ ...@@ -9,10 +9,17 @@
.avatarSegment { .avatarSegment {
transform: translateY(55%); transform: translateY(55%);
} }
.avatarSegment img { .imgBackground {
background-color: var(--ifm-color-primary);
background-image: url('../../../static/img/happy.png');
background-size: 115%;
background-repeat: no-repeat;
background-position: 50% 20px;
outline: solid 8px var(--ifm-card-background-color); outline: solid 8px var(--ifm-card-background-color);
} }
.avatarSegment:hover { .avatarSegment:hover {
......
static/img/happy.png

29.5 KiB

static/img/sticker.png

32.7 KiB

0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment