mirror of
https://github.com/trevor1969/teatracker.git
synced 2026-08-09 10:41:59 +00:00
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:
52
styles.css
52
styles.css
@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user