diff --git a/src/components/FluxNote.vue b/src/components/FluxNote.vue index 4fb06e8..fbab422 100644 --- a/src/components/FluxNote.vue +++ b/src/components/FluxNote.vue @@ -211,7 +211,6 @@ $header-height: 40px; display: flex; flex-direction: column; overflow-y: auto; - height: 100%; position: sticky; &:not(:first-child) { @@ -258,7 +257,6 @@ $header-height: 40px; .note { width: 100vw; - height: 100dvh; overflow-y: visible; } diff --git a/src/hooks/useResizeContainer.hook.ts b/src/hooks/useResizeContainer.hook.ts index 8ecf3fb..2fa6462 100644 --- a/src/hooks/useResizeContainer.hook.ts +++ b/src/hooks/useResizeContainer.hook.ts @@ -18,9 +18,7 @@ export const useResizeContainer = ( return } - if (isMobile.value) { - container.style.height = `${(stackedNotes.value.length + 1) * 100}dvh` - } else { + if (!isMobile.value) { container.style.minWidth = `${ getNoteWidth() * (stackedNotes.value.length + 1) }px`