feat(web): ambient banner, snooze/focus actions, settings controls

2026-06-05 21:51:49 -04:00
parent fa178a1fd2
commit aaed1ad265
5 changed files with 82 additions and 0 deletions
@@ -190,3 +190,18 @@ input[type="checkbox"] {
 }
@keyframes spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .spinner { animation: none; } }
+
+.ambient-banner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin: 8px 0;
+  padding: 10px 14px;
+  border-radius: 10px;
+  background: #3a2a00;
+  color: #ffd479;
+  border: 1px solid #6b4f00;
+}
+.ambient-banner .ambient-line { font-weight: 600; }
+.ambient-banner .ambient-actions { display: flex; gap: 8px; flex-shrink: 0; }