feat(schedule): add schedule header with title and tooltip for configuration hints
This commit is contained in:
@@ -1732,6 +1732,10 @@ function AppContent() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="schedule-overview">
|
<div className="schedule-overview">
|
||||||
|
<div className="schedule-header">
|
||||||
|
<span className="schedule-title">{t('settings.schedule.title')}</span>
|
||||||
|
<span className="info-tooltip" data-tooltip={t('settings.schedule.envHint')}>ⓘ</span>
|
||||||
|
</div>
|
||||||
<div className="schedule-row">
|
<div className="schedule-row">
|
||||||
<span className="schedule-label">{t('settings.schedule.stockCheck')}</span>
|
<span className="schedule-label">{t('settings.schedule.stockCheck')}</span>
|
||||||
<span className="schedule-value">{t('settings.schedule.dailyAt6')}</span>
|
<span className="schedule-value">{t('settings.schedule.dailyAt6')}</span>
|
||||||
|
|||||||
@@ -165,12 +165,14 @@
|
|||||||
"supports": "Unterstützt ntfy, Discord, Telegram, Slack"
|
"supports": "Unterstützt ntfy, Discord, Telegram, Slack"
|
||||||
},
|
},
|
||||||
"schedule": {
|
"schedule": {
|
||||||
|
"title": "Erinnerungsplan",
|
||||||
"stockCheck": "Bestandsprüfung",
|
"stockCheck": "Bestandsprüfung",
|
||||||
"dailyAt6": "Täglich um 6:00 Uhr",
|
"dailyAt6": "Täglich um 6:00 Uhr",
|
||||||
"intakeCheck": "Einnahmeprüfung",
|
"intakeCheck": "Einnahmeprüfung",
|
||||||
"15minBefore": "15 Min. vor geplanter Zeit",
|
"15minBefore": "15 Min. vor geplanter Zeit",
|
||||||
"nextCheck": "Nächste Bestandsprüfung",
|
"nextCheck": "Nächste Bestandsprüfung",
|
||||||
"lastSent": "Zuletzt gesendet"
|
"lastSent": "Zuletzt gesendet",
|
||||||
|
"envHint": "Diese Werte können über REMINDER_HOUR und REMINDER_MINUTES_BEFORE in .env konfiguriert werden"
|
||||||
},
|
},
|
||||||
"stock": {
|
"stock": {
|
||||||
"title": "Bestand",
|
"title": "Bestand",
|
||||||
|
|||||||
@@ -167,12 +167,14 @@
|
|||||||
"supports": "Supports ntfy, Discord, Telegram, Slack"
|
"supports": "Supports ntfy, Discord, Telegram, Slack"
|
||||||
},
|
},
|
||||||
"schedule": {
|
"schedule": {
|
||||||
|
"title": "Reminder Schedule",
|
||||||
"stockCheck": "Stock check",
|
"stockCheck": "Stock check",
|
||||||
"dailyAt6": "Daily at 6:00 AM",
|
"dailyAt6": "Daily at 6:00 AM",
|
||||||
"intakeCheck": "Intake check",
|
"intakeCheck": "Intake check",
|
||||||
"15minBefore": "15 min before scheduled time",
|
"15minBefore": "15 min before scheduled time",
|
||||||
"nextCheck": "Next stock check",
|
"nextCheck": "Next stock check",
|
||||||
"lastSent": "Last sent"
|
"lastSent": "Last sent",
|
||||||
|
"envHint": "These values can be configured via REMINDER_HOUR and REMINDER_MINUTES_BEFORE in .env"
|
||||||
},
|
},
|
||||||
"stock": {
|
"stock": {
|
||||||
"title": "Stock",
|
"title": "Stock",
|
||||||
|
|||||||
@@ -1531,6 +1531,23 @@ textarea {
|
|||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.schedule-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.5rem;
|
||||||
|
margin-bottom: 0.75rem;
|
||||||
|
padding-bottom: 0.5rem;
|
||||||
|
border-bottom: 1px solid var(--border-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.schedule-title {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
}
|
||||||
|
|
||||||
.schedule-row {
|
.schedule-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|||||||
Reference in New Issue
Block a user