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

Minor fixes

Browse Source
This commit is contained in:
Francisco Pessano
2021-10-02 18:54:55 -03:00
parent e4f3bccd8c
commit 8a7b4ec1d2
16 changed files with 348 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
public/css_styles/styles.css
View File

@@ -44,6 +44,11 @@
background-color: #ffe83d;
color: #000000;
}
.header-main-page .konami-code {
font-family: "Raleway", sans-serif;
font-weight: 700;
color: #4c8ad5;
}
@media (max-width: 991.98px) {
.header-main-page {
@@ -70,7 +75,7 @@
align-items: center;
justify-content: space-between;
padding: 0px 5vw;
height: 7vh;
height: 8vh;
}
.banner-login p {
margin: 0;
@@ -85,7 +90,7 @@
background: none;
border: none;
width: 8vw;
font-size: 2.6vh;
font-size: 12pt;
font-weight: bold;
color: #ffffff;
height: 6vh;
@@ -191,6 +196,9 @@
}
@media (max-width: 576px) {
.main-pomodoro {
height: auto;
}
.main-pomodoro .timer {
font-size: 80pt;
}
@@ -335,7 +343,7 @@
color: #4c8ad5;
}
.style-selector-container.dark-mode-component .style-selector .style-selection-container .checkbox_control {
border: 3px solid #3e70ae;
border: 3px solid #eff3f8;
}
.style-selector-container.dark-mode-component .style-selector .style-selection-container .checkbox__input input:checked + .checkbox_control {
background-color: #4c8ad5;
@@ -672,6 +680,14 @@ html, body {
.dark-mode {
position: initial;
}
.dark-mode label {
width: 50px;
height: 20px;
}
.dark-mode label::after {
width: 15px;
height: 15px;
}
}
@media (max-width: 576px) {
.dark-mode {