📱 (note) same top for every note

src/hooks/useNote.hook.ts

@@ -91,16 +91,17 @@ export const useNote = (containerClass: string) => {
   )
 
   const resizeContainer = () => {
-    const element = document.querySelector(
+    const container = document.querySelector(
       `.${containerClass}`
     ) as HTMLElement | null
-    if (!element) {
+    if (!container) {
       return
     }
     if (isMobile.value) {
-      element.style.height = `${(stackedNotes.value.length + 1) * 100}vh`
+      container.style.height = `${(stackedNotes.value.length + 1) * 100}vh`
     } else {
-      element.style.width = `${NOTE_WIDTH * (stackedNotes.value.length + 1)}px`
+      container.style.width = `${NOTE_WIDTH *
+        (stackedNotes.value.length + 1)}px`
     }
   }
 

src/hooks/useNoteOverlay.hook.ts

@@ -4,7 +4,6 @@ import { NOTE_WIDTH } from '@/constants/note-width'
 import { useOverlay } from '@/hooks/useOverlay.hook'
 
 const BOOKMARK_WIDTH = 2
-const BOOKMARK_HEIGHT = 2.5
 
 export const useNoteOverlay = (className: string, index: number) => {
   const { x, y, isMobile } = useOverlay()
@@ -28,7 +27,7 @@ export const useNoteOverlay = (className: string, index: number) => {
     noteHeight.value = noteElement.clientHeight
 
     if (isMobile.value) {
-      noteElement.style.top = `${(index + 1) * BOOKMARK_HEIGHT}rem`
+      noteElement.style.top = `0`
     } else {
       noteElement.style.left = `${(index + 1) * BOOKMARK_WIDTH}rem`
     }