smyalygames/quartz
Template
1
0
Fork 0
mirror of https://github.com/jackyzha0/quartz.git synced 2025-05-18 14:34:23 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix folder/tag page

Browse Source
This commit is contained in:
saberzero1 2024-10-01 23:46:40 +02:00
parent 139573ffd6
commit 836f2a87ad
No known key found for this signature in database
GPG Key ID: 41AEE99107640F10
3 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
quartz.layout.ts
View File

@ -44,7 +44,7 @@ export const defaultListPageLayout: PageLayout = {
Component.MobileOnly(Component.Spacer()),
Component.Search(),
Component.Darkmode(),
Component.DesktopOnly(Component.Explorer()),
Component.Explorer(),
],
right: [],
}

2
quartz/components/scripts/explorer.inline.ts
View File

@ -62,7 +62,7 @@ function toggleExplorer(this: HTMLElement) {
if (!content) return
content.classList.toggle("collapsed")
//content.style.maxHeight = content.style.maxHeight === "0px" ? content.scrollHeight + "px" : "0px"
content.style.maxHeight = content.style.maxHeight === "0px" ? "100vh" : "0px"
content.style.maxHeight = content.style.maxHeight === "0px" ? "100dvh" : "0px"
//prevent scroll under
if (document.querySelector("#mobile-explorer")) {

3
quartz/components/styles/explorer.scss
View File

@ -9,6 +9,7 @@
display: flex;
}
@media all and ($mobile) {
order: -1;
.mobile-explorer {
display: flex;
}
@ -236,6 +237,7 @@
}
#mobile-explorer {
margin: 5px;
&:not(.collapsed) .lucide-menu {
transform: rotate(90deg);
transition: transform 200ms ease-in-out;
@ -277,5 +279,6 @@
@media all and ($mobile) {
.lock-scroll {
position: fixed;
width: calc(100% - 2rem);
}
}