duskflower/school-knowledge-base-quartz
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: new layout, only use gap for big folder links
Some checks are pending
Build and Test / build-and-test (macos-latest) (push) Waiting to run
Details
Build and Test / build-and-test (ubuntu-latest) (push) Waiting to run
Details
Build and Test / build-and-test (windows-latest) (push) Waiting to run
Details
Build and Test / publish-tag (push) Waiting to run
Details
Docker build & push image / build (push) Waiting to run
Details

Browse source
This commit is contained in:
duskflower 2025-04-07 18:07:10 +02:00
parent b129512e1a
commit b59dd09b82
2 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

8
quartz.layout.ts
View file

@ -8,8 +8,7 @@ export const sharedPageComponents: SharedLayout = {
afterBody: [], afterBody: [],
footer: Component.Footer({ footer: Component.Footer({
links: { links: {
GitHub: "https://github.com/jackyzha0/quartz", Source: "https://git.duskflower.dev/duskflower/school-knowledge-base-quartz",
"Discord Community": "https://discord.gg/cRFFHYye7t",
}, },
}), }),
} }
@ -23,7 +22,7 @@ export const defaultContentPageLayout: PageLayout = {
}), }),
Component.ArticleTitle(), Component.ArticleTitle(),
Component.ContentMeta(), Component.ContentMeta(),
Component.TagList(), // Component.TagList(),
], ],
left: [ left: [
Component.PageTitle(), Component.PageTitle(),
@ -40,9 +39,12 @@ export const defaultContentPageLayout: PageLayout = {
Component.Explorer(), Component.Explorer(),
], ],
right: [ right: [
Component.TagList(),
Component.Graph(), Component.Graph(),
Component.DesktopOnly(Component.TableOfContents()), Component.DesktopOnly(Component.TableOfContents()),
Component.Backlinks(), Component.Backlinks(),
// Component.Spacer(),
// Component.RecentNotes(),
], ],
} }

4
quartz/styles/custom.scss
View file

@ -17,8 +17,8 @@
} */ } */
/* } */ /* } */
// create a gap so that long links become distinguishable // create a gap so that long links become distinguishable for the folders with long headings
.folder-outer .content li { .folder-container[data-folderpath="Politik/index"] + .folder-outer .content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
row-gap: 0.5rem; row-gap: 0.5rem;