/
terya1
/
12331
Обзор
Документация
Войти
/
terya1
/
12331
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/ProjectCard/ProjectCard.js
51 строка
1 KB
IHARNAZAROV
fix: bugs
30 июл 2022, 05:24
30 июл 2022, 05:24
5c12e65
Код
Авторство
О чём код?
import React from "react"; import ProjectLanguages from "../projectLanguages/ProjectLanguages"; import "./ProjectCard.css"; import { Fade } from "react-reveal"; import { style } from "glamor"; export default function ProjectCard({ repo, theme }) { function openRepoinNewTab(url) { const win = window.open(url, "_blank"); win.focus(); } const styles = style({ color: "rgb(88, 96, 105)", backgroundColor: "rgb(255, 255, 255)", boxShadow: "rgba(0, 0, 0, 0.2) 0px 10px 30px -15px", padding: "2rem", cursor: "pointer", borderRadius: "5px", height: "100%", transition: "all 0.2s ease-in-out", ":hover": { boxShadow: `${theme.imageDark} 0 2px 15px`, }, }); return ( <div> <Fade bottom duration={2000} distance="40px"> <div {...styles} key={repo.id} onClick={() => openRepoinNewTab(repo.url)} style={{ backgroundColor: theme.projectCard }} > <div className="repo-name-div"> <p className="repo-name" style={{ color: theme.text }}> {repo.name} </p> </div> <p className="repo-description" style={{ color: theme.text }}> {repo.description} </p> <div className="repo-details"> <ProjectLanguages logos={repo.languages} /> </div> </div> </Fade> </div> ); }