diff --git a/app/assets/css/main.css b/app/assets/css/main.css index 16bfeb1..ca8d126 100644 --- a/app/assets/css/main.css +++ b/app/assets/css/main.css @@ -222,4 +222,39 @@ .tiptap p.is-empty:not(:first-child)::before { content: none; +} + +/* Style tiptap task list checkboxes to match Nuxt UI */ +.tiptap ul[data-type="taskList"] { + list-style: none; + padding-left: 0; +} + +.tiptap ul[data-type="taskList"] li { + display: flex; + align-items: flex-start; + gap: 0.5rem; +} + +.tiptap ul[data-type="taskList"] li > label { + margin-top: 2px; + flex-shrink: 0; +} + +.tiptap ul[data-type="taskList"] li > label input[type="checkbox"] { + width: 1rem; + height: 1rem; + border-radius: 4px; + border: 1.5px solid #d1d5db; + cursor: pointer; + accent-color: var(--color-primary-500); +} + +.tiptap ul[data-type="taskList"] li > div { + flex: 1; +} + +.tiptap ul[data-type="taskList"] li[data-checked="true"] > div { + text-decoration: line-through; + color: #9ca3af; } \ No newline at end of file diff --git a/app/components/AttendanceDropdown.vue b/app/components/AttendanceDropdown.vue new file mode 100644 index 0000000..960c05d --- /dev/null +++ b/app/components/AttendanceDropdown.vue @@ -0,0 +1,58 @@ + + + diff --git a/app/components/Notes.vue b/app/components/Notes.vue index c4e9916..011427e 100644 --- a/app/components/Notes.vue +++ b/app/components/Notes.vue @@ -1,5 +1,7 @@