feat: Add bio checkbox, today period, and recent entries on track page

- Add organic/bio checkbox to tea form and display 🌱 badge
- Add 'Heute' (today) option to stats period filter
- Add recent 10 entries display on track page below form
- Update tea cards and dropdowns to show bio indicator
- Add migration for existing teas without organic field
- Style organic badge with green color and hover effect
- Update all entry displays to show bio status

Generated by Vibe Code

Co-authored-by: trevor1969 <trevor1969@users.noreply.github.com>
This commit is contained in:
Vibe Nuage Agent
2026-06-04 11:10:29 +00:00
parent 2bce6906ef
commit 1263a5238b
3 changed files with 167 additions and 15 deletions

View File

@ -378,6 +378,45 @@ header p {
min-height: 80px;
}
/* Checkbox Styling */
.checkbox-group {
display: flex;
align-items: center;
gap: 10px;
}
.checkbox-group label {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
font-weight: normal;
color: var(--text-color);
}
.checkbox-group input[type="checkbox"] {
width: 20px;
height: 20px;
cursor: pointer;
accent-color: var(--primary-color);
}
/* Recent tracked section */
.recent-tracked {
background-color: var(--card-bg);
border-radius: var(--border-radius);
padding: 20px;
box-shadow: var(--box-shadow);
margin-top: 30px;
}
.recent-tracked h3 {
margin-bottom: 15px;
color: var(--text-color);
border-bottom: 2px solid var(--primary-light);
padding-bottom: 10px;
}
.form-actions {
display: flex;
gap: 15px;
@ -763,3 +802,16 @@ header p {
margin-right: 10px;
border: 2px solid #ddd;
}
/* Organic Badge */
.organic-badge {
display: inline-block;
font-size: 0.9em;
margin-left: 5px;
color: var(--success-color);
cursor: help;
}
.organic-badge:hover {
transform: scale(1.1);
}