franpcode/Pomodoro-Timer-with-Clockify-integration
1
0
Fork 0
mirror of https://github.com/FranP-code/Pomodoro-Timer-with-Clockify-integration.git synced 2025-10-12 23:52:30 +00:00
Code Issues 1 Packages Projects Releases Wiki Activity

Featured on Product Hunt Button added

Browse Source
This commit is contained in:
Francisco Pessano
2022-05-05 20:45:06 -03:00
parent c9115e2ef8
commit 97f1b1d1fd
4 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Footer/Footer.jsx
View File

@@ -5,7 +5,8 @@ import React from 'react'
const Footer = (props) => { const Footer = (props) => {
return ( return (
<footer className={props.darkMode ? 'made-with-love dark-mode-component' : 'made-with-love'}> <footer className={props.darkMode ? 'made-with-love dark-mode-component' : 'made-with-love'}>
Made with 💓 by <a href="https://porfolio-franp.netlify.app" target="_blank" rel="noreferrer">Francisco Pessano</a> <p>Made with 💓 by <a href="https://porfolio-franp.netlify.app" target="_blank" rel="noreferrer">Francisco Pessano</a></p>
<a href="https://www.producthunt.com/posts/clockify-pomodoro-timer?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-clockify&#0045;pomodoro&#0045;timer" target="_blank" rel="noreferrer"><img src={`https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=334653&theme=${localStorage.getItem('dark-mode') === "true" ? "dark" : "light"}`} alt="Clockify&#0032;Pomodoro&#0032;Timer - Pomodoro&#0032;Timer&#0032;that&#0032;sync&#0032;the&#0032;worked&#0032;hours&#0032;with&#0032;Clockify | Product Hunt"/></a>
</footer> </footer>
) )
} }

7
src/components/Footer/footer-styles.css
View File

@@ -1,9 +1,10 @@
.made-with-love { .made-with-love {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: auto; margin-top: auto;
width: 100%; width: 100%;
padding-top: 5vh; padding: 5vh 3vw;
padding-bottom: 5vh;
padding-left: 3vw;
box-sizing: border-box; box-sizing: border-box;
background-color: var(--main-background-color); background-color: var(--main-background-color);
color: rgb(185, 185, 185); color: rgb(185, 185, 185);

2
src/components/Footer/footer-styles.css.map
View File

@@ -1 +1 @@
{"version":3,"sources":["footer-styles.scss","footer-styles.css"],"names":[],"mappings":"AAAA;EAEE,gBAAA;EACA,WAAA;EAEA,gBAAA;EACA,mBAAA;EACA,iBAAA;EAEA,sBAAA;EAEA,8CAAA;EACA,yBAAA;ACHF;ADKE;EACE,cAAA;ACHJ","file":"footer-styles.css"} {"version":3,"sources":["footer-styles.scss","footer-styles.css"],"names":[],"mappings":"AAAA;EAEE,aAAA;EACA,mBAAA;EACA,8BAAA;EAEA,gBAAA;EACA,WAAA;EAEA,gBAAA;EAEA,sBAAA;EAEA,8CAAA;EACA,yBAAA;ACJF;ADME;EACE,cAAA;ACJJ","file":"footer-styles.css"}

8
src/components/Footer/footer-styles.scss
View File

@@ -1,11 +1,13 @@
.made-with-love { .made-with-love {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: auto; margin-top: auto;
width: 100%; width: 100%;
padding-top: 5vh; padding: 5vh 3vw;
padding-bottom: 5vh;
padding-left: 3vw;
box-sizing: border-box; box-sizing: border-box;