kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-04-28 17:56:51 +02:00
Code Issues Projects Releases Wiki Activity

Fix alignment issue on homepage

Browse source
This commit is contained in:
Kevin Kandlbinder 2020-12-26 21:31:17 +01:00
parent b03de0240f
commit 083febac19
2 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/_mixins.scss
View file

@ -65,10 +65,13 @@
> span {
margin-left: auto;
margin-right: auto;
}
> i, > i::before {
line-height: 50px !important;
}
> i {
display: inline-flex;
flex-direction: column;
justify-content: center;
}
}
}

4
src/pages/index.js
View file

@ -69,7 +69,7 @@ class IndexPage extends React.Component {
<p><Trans>homeAboutMeHello</Trans><br/><Trans>homeAboutMeText</Trans></p>
</article>
</section>
<a className={styles.section + " " + styles.creditSection} href="https://unsplash.com/@jannikkiel" target="_blank" rel="noopener">
<a className={styles.creditSection} href="https://unsplash.com/@jannikkiel" target="_blank" rel="noopener">
<div>
<span><i className="fas fa-fw fa-camera"></i> <Trans>homeImageCredit</Trans></span>
<i className="fas fa-fw fa-chevron-right"></i>
@ -100,7 +100,7 @@ class IndexPage extends React.Component {
<Link to="/projects" className={styles.seeMoreButton}><Trans>seeMore</Trans> <i className="fas fa-fw fa-chevron-right"></i></Link>
</article>
</section>
<Link className={styles.section + " " + styles.donationSection} to="/donate">
<Link className={styles.donationSection} to="/donate">
<div>
<span><Trans>donationCatchphrase</Trans></span>
<i className="fas fa-fw fa-chevron-right"></i>