diff --git a/src/hooks/useNote.hook.ts b/src/hooks/useNote.hook.ts index a864929..3163d7b 100644 --- a/src/hooks/useNote.hook.ts +++ b/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` } } diff --git a/src/hooks/useNoteOverlay.hook.ts b/src/hooks/useNoteOverlay.hook.ts index f39a562..a913356 100644 --- a/src/hooks/useNoteOverlay.hook.ts +++ b/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` }