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

Structure of the pomodoros counter done

Browse Source
This commit is contained in:
Francisco Pessano
2021-09-20 20:29:18 -03:00
parent a9e9e1483e
commit b20c2ed18d
7 changed files with 105 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
public/css_styles/styles.css
View File

@@ -104,6 +104,7 @@
margin: 0;
padding: 0;
color: #1FAB89;
user-select: none;
}
.main-pomodoro .style-display h3 {
font-size: 30pt;
@@ -298,6 +299,36 @@
}
}
.pomodoro-counter {
position: absolute;
top: 29vh;
}
.pomodoro-counter ul li {
display: flex;
font-family: "Rambla", sans-serif;
list-style-type: none;
margin-top: 2vh;
font-size: 15pt;
color: #00000070;
}
.pomodoro-counter ul li .separator {
user-select: none;
margin: 0px 0.5vw;
}
.pomodoro-counter ul li .quantity {
font-family: "Raleway", sans-serif;
font-weight: 700;
user-select: none;
display: flex;
justify-content: center;
align-items: center;
height: 30px;
width: 30px;
border-radius: 100%;
color: #1FAB89;
background-color: #9DF3C4;
}
html, body {
margin: 0;
padding: 0;