fix: shadow overlay
This commit is contained in:
@@ -5,7 +5,7 @@ import { useOverlay } from "@/hooks/useOverlay.hook"
|
|||||||
import { useRouteQueryStackedNotes } from "@/hooks/useRouteQueryStackedNotes.hook"
|
import { useRouteQueryStackedNotes } from "@/hooks/useRouteQueryStackedNotes.hook"
|
||||||
|
|
||||||
const BOOKMARK_WIDTH = 2
|
const BOOKMARK_WIDTH = 2
|
||||||
const OFFSET = 24 // stacked-note padding
|
const OFFSET = 32 // stacked-note padding
|
||||||
|
|
||||||
export const useNoteOverlay = (
|
export const useNoteOverlay = (
|
||||||
className: string,
|
className: string,
|
||||||
|
|||||||
@@ -49,9 +49,11 @@ export const useNoteView = (containerClass: string) => {
|
|||||||
const container = document.querySelector(
|
const container = document.querySelector(
|
||||||
`.${containerClass}`,
|
`.${containerClass}`,
|
||||||
) as HTMLElement | null
|
) as HTMLElement | null
|
||||||
|
|
||||||
if (!container) {
|
if (!container) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
if (isMobile.value) {
|
if (isMobile.value) {
|
||||||
container.style.height = `${(stackedNotes.value.length + 1) * 100}vh`
|
container.style.height = `${(stackedNotes.value.length + 1) * 100}vh`
|
||||||
} else {
|
} else {
|
||||||
|
|||||||
Reference in New Issue
Block a user