alf/teatracker
1
0
Fork 0
mirror of https://github.com/trevor1969/teatracker.git synced 2026-08-09 10:41:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Feature: Tea-Timer hinzugefügt (Voreinstellung: 3 Minuten, einstellbar 1-15 Minuten) mit Start/Pause/Reset-Funktionen und Benachrichtigung bei Ablauf

Browse Source 
Co-authored-by: trevor1969 <trevor1969@users.noreply.github.com>
This commit is contained in:
Vibe Nuage Agent
2026-06-05 19:08:10 +00:00
parent c628cf2069
commit daf742e309
3 changed files with 326 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
styles.css
View File

@ -1036,3 +1036,102 @@ header p {
box-shadow: var(--box-shadow);
margin-right: 10px;
}
/* Tea Timer Styles */
.timer-section {
background: var(--card-bg);
border-radius: var(--border-radius);
padding: 20px;
margin-top: 20px;
box-shadow: var(--box-shadow);
}
.timer-section h3 {
margin-bottom: 15px;
color: var(--primary-color);
}
.timer-controls {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
}
.timer-display {
font-size: 3rem;
font-weight: bold;
color: var(--primary-color);
font-family: monospace;
}
.timer-input-group {
display: flex;
align-items: center;
gap: 10px;
}
.timer-btn {
width: 30px;
height: 30px;
border: none;
background-color: var(--primary-color);
color: white;
border-radius: 50%;
cursor: pointer;
font-size: 1.2rem;
display: flex;
align-items: center;
justify-content: center;
transition: var(--transition);
}
.timer-btn:hover {
background-color: var(--primary-dark);
}
.timer-btn:disabled {
background-color: #cccccc;
cursor: not-allowed;
}
.timer-input {
width: 60px;
padding: 8px;
text-align: center;
font-size: 1rem;
border: 1px solid #ddd;
border-radius: var(--border-radius);
background-color: var(--card-bg);
}
.timer-unit {
color: var(--text-light);
font-size: 0.9rem;
}
.timer-actions {
display: flex;
gap: 10px;
}
.timer-notification {
margin-top: 15px;
padding: 10px;
border-radius: var(--border-radius);
text-align: center;
font-weight: bold;
animation: pulse 1s infinite;
}
.timer-notification.success {
background-color: rgba(40, 167, 69, 0.2);
color: var(--success-color);
border: 1px solid var(--success-color);
}
@keyframes pulse {
0% { opacity: 1; }
50% { opacity: 0.7; }
100% { opacity: 1; }
}