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.MobileOnly(Component.Spacer()),
Component.Search(), Component.Search(),
Component.Darkmode(), Component.Darkmode(),
Component.DesktopOnly(Component.Explorer()), Component.Explorer(),
], ],
right: [], right: [],
} }

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

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

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

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