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 5079a8e5 authored by Julie Thezenas's avatar Julie Thezenas
Browse files

feat: test icon svg

parent 819403d7
No related branches found
No related tags found
1 merge request!23Draft: Resolve "(footer) froggit icon and social icons"
Pipeline #4069 failed
...@@ -19,10 +19,10 @@ export default function Footer(props) { ...@@ -19,10 +19,10 @@ export default function Footer(props) {
<img <img
src={"/img/logo_froggit.svg"} src={"/img/logo_froggit.svg"}
/* style={{ position: "absolute", left: "350px", top: "100px", height: "30px" }} */ style={{ position: "absolute", left: "350px", top: "100px", height: "30px" }}
/> />
{/* Svg: require("../../static/img/read-smile.svg").default {/* { Svg: require("").default */}
<img src="img/read-smile.svg" /> <img src="img/read-smile.svg" />
<div className="footer__bottom text--center"> <div className="footer__bottom text--center">
{logo && (logo.src || logo.srcDark) && ( {logo && (logo.src || logo.srcDark) && (
...@@ -35,7 +35,7 @@ export default function Footer(props) { ...@@ -35,7 +35,7 @@ export default function Footer(props) {
<FooterLogo alt={logo.alt} sources={sources} /> <FooterLogo alt={logo.alt} sources={sources} />
)} )}
</div> </div>
)} )}
.footerLogoLink { .footerLogoLink {
opacity: 0.5; opacity: 0.5;
transition: opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default); transition: opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default);
...@@ -44,14 +44,14 @@ export default function Footer(props) { ...@@ -44,14 +44,14 @@ export default function Footer(props) {
.footerLogoLink:hover { .footerLogoLink:hover {
opacity: 1; opacity: 1;
} }
*/} }
</div> </div>
<div className="footer-social-icons"> <div className="footer-social-icons">
<IconContext.Provider value={{ className:"social-icons", size:"2em" }}> <IconContext.Provider value={{ className:"social-icons", size:"2em" }}>
<Link to="https://gitlab.com/froggit"> <Link to="https://gitlab.com/froggit">
<FaGitlab /> <FaGitlab />
</Link> </Link>
{/* <Link to="https://gitlab.com/froggit"> { <Link to="https://gitlab.com/froggit">
<AiFillGitlab /> <AiFillGitlab />
</Link> </Link>
<Link to="https://gitlab.com/froggit"> <Link to="https://gitlab.com/froggit">
...@@ -63,7 +63,7 @@ export default function Footer(props) { ...@@ -63,7 +63,7 @@ export default function Footer(props) {
<Link to="https://twitter.com/art_devops"> <Link to="https://twitter.com/art_devops">
<FaTwitterSquare /> <FaTwitterSquare />
</Link> </Link>
*/} }
<Link to="https://www.linkedin.com/company/froggit"> <Link to="https://www.linkedin.com/company/froggit">
<FaLinkedin /> <FaLinkedin />
</Link> </Link>
......
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