refactor(notes): let mobile notes size to content
This commit is contained in:
@@ -211,7 +211,6 @@ $header-height: 40px;
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
height: 100%;
|
|
||||||
position: sticky;
|
position: sticky;
|
||||||
|
|
||||||
&:not(:first-child) {
|
&:not(:first-child) {
|
||||||
@@ -258,7 +257,6 @@ $header-height: 40px;
|
|||||||
|
|
||||||
.note {
|
.note {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 100dvh;
|
|
||||||
overflow-y: visible;
|
overflow-y: visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -18,9 +18,7 @@ export const useResizeContainer = (
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
if (isMobile.value) {
|
if (!isMobile.value) {
|
||||||
container.style.height = `${(stackedNotes.value.length + 1) * 100}dvh`
|
|
||||||
} else {
|
|
||||||
container.style.minWidth = `${
|
container.style.minWidth = `${
|
||||||
getNoteWidth() * (stackedNotes.value.length + 1)
|
getNoteWidth() * (stackedNotes.value.length + 1)
|
||||||
}px`
|
}px`
|
||||||
|
|||||||
Reference in New Issue
Block a user