feat(schedule): enhance dose button styles for better user experience and add visual cues for future doses

2025-12-26 23:54:15 +01:00
parent c0959f681a
commit f34c2c9578
2 changed files with 78 additions and 51 deletions
@@ -543,12 +543,24 @@ textarea {
  color: var(--success);
 }

-.dose-btn.take:hover {
+.dose-btn.take:hover:not(:disabled) {
  background: var(--success);
  color: white;
  transform: scale(1.1);
 }

+.dose-btn.take:disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+  background: var(--bg-tertiary);
+  border-color: var(--border-primary);
+  color: var(--text-secondary);
+}
+
+.dose-item.future {
+  opacity: 0.5;
+}
+
 .dose-btn.undo {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border-secondary);