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

Refactored the whole app 🔧

Browse Source
This commit is contained in:
Francisco Pessano
2022-05-05 20:31:45 -03:00
parent 3fb0f5bc6c
commit c9115e2ef8
90 changed files with 2738 additions and 3566 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
src/pages/Main/Pomodoro/pomodoro-styles.css Normal file
View File

@@ -0,0 +1,101 @@
.main-pomodoro {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 68vh;
background-color: var(--main-background-color);
}
.main-pomodoro .timer {
display: flex;
justify-content: center;
font-weight: bold;
font-size: 130pt;
color: var(--main-text-color);
}
.main-pomodoro .style-display {
display: flex;
align-items: center;
flex-direction: column;
}
.main-pomodoro .style-display h4 {
font-size: 24pt;
color: var(--main-text-color);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.main-pomodoro .style-display h3 {
font-size: 30pt;
color: var(--main-text-color);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.main-pomodoro .start-pomodoro {
margin-top: 6vh;
width: 30vw;
height: 8vh;
font-family: var(--title-font);
font-weight: 700;
background: var(--second-color);
border-radius: 24px;
font-size: 5vh;
color: white;
}
.pomodoro-counter {
position: absolute;
top: 29vh;
color: var(--pomodoro-counter-text-color);
}
.pomodoro-counter ul li {
display: flex;
list-style-type: none;
margin-top: 2vh;
font-size: 15pt;
}
.pomodoro-counter ul li .separator {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0px 0.5vw;
}
.pomodoro-counter ul li .quantity {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--lightest-color);
height: 30px;
width: 30px;
border-radius: 100%;
font-family: var(--title-font);
font-weight: 700;
color: var(--main-text-color);
}
@media (max-width: 991.98px) {
.pomodoro-counter {
position: initial;
padding-bottom: 5vh;
}
}
@media (max-width: 576px) {
.main-pomodoro {
height: auto;
}
.main-pomodoro .timer {
font-size: 80pt;
}
.main-pomodoro .start-pomodoro {
font-size: 13pt;
}
}/*# sourceMappingURL=pomodoro-styles.css.map */