style(notes): distinguish scrollable column from canvas

Tint the surrounding viewport and add a soft right-edge shadow on the leftmost note so users can see where scrolling actually applies.
2026-05-02 09:51:24 +02:00
parent c8e5fd26a0
commit 3339e28d41
3 changed files with 16 additions and 4 deletions
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -13,6 +13,8 @@
  --light-link: lighten(#445fb9, 45%);
  --background-color: #ffffff;
  --note-width: 500px;
+  --note-canvas-bg: color-mix(in oklch, var(--color-base-100) 60%, var(--color-base-200));
+  --note-sheet-shadow: 1px 0 8px rgb(0 0 0 / 6%);
  --color-contrast-content: var(--color-success);
  --notyf-margin: 0.5rem;
 }