Add create note dialog with type selector (M5 Task 1)

2026-02-14 21:14:16 +01:00
parent 2c981a0a30
commit 7b9d52d970
8 changed files with 405 additions and 17 deletions
--- a/src/components/NoteList.css
+++ b/src/components/NoteList.css
@@ -21,6 +21,12 @@
  font-weight: 600;
 }

+.note-list__header-right {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
 .note-list__count {
  font-size: 12px;
  color: #888;
@@ -29,6 +35,28 @@
  border-radius: 10px;
 }

+.note-list__add-btn {
+  width: 24px;
+  height: 24px;
+  border: none;
+  border-radius: 6px;
+  background: #2a2a4a;
+  color: #888;
+  font-size: 16px;
+  line-height: 1;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  transition: all 0.15s;
+}
+
+.note-list__add-btn:hover {
+  background: #4a9eff;
+  color: #fff;
+}
+
 /* Search */
 .note-list__search {
  padding: 8px 12px;