diff --git a/quartz.config.ts b/quartz.config.ts index 8ea66ad8a..f1156f1eb 100644 --- a/quartz.config.ts +++ b/quartz.config.ts @@ -47,8 +47,8 @@ const config: QuartzConfig = { plugins: { transformers: [ Plugin.FrontMatter(), - Plugin.TableOfContents(), - Plugin.CreatedModifiedDate({ priority: ["frontmatter", "filesystem"], }), + Plugin.TableOfContents({ collapseByDefault: true }), + // Plugin.CreatedModifiedDate({ priority: ["frontmatter", "filesystem"], }), Plugin.SyntaxHighlighting(), Plugin.ObsidianFlavoredMarkdown({ enableInHtmlEmbed: false }), Plugin.GitHubFlavoredMarkdown(), diff --git a/quartz.layout.ts b/quartz.layout.ts index a820c5038..921c1a2c5 100644 --- a/quartz.layout.ts +++ b/quartz.layout.ts @@ -21,8 +21,9 @@ export const defaultContentPageLayout: PageLayout = { beforeBody: [ Component.Breadcrumbs(), Component.ArticleTitle(), + Component.MobileOnly(Component.TableOfContents()), // Component.ContentMeta(), - // Component.TagList() + // Component.TagList(), ], left: [ Component.PageTitle(), @@ -42,13 +43,13 @@ export const defaultContentPageLayout: PageLayout = { } }, } - )), - Component.DesktopOnly(Component.TableOfContents()), - // Component.RecentNotes(), - ], + )), + // Component.DesktopOnly(Component.TableOfContents()), + // Component.RecentNotes(), + ], right: [ Component.Graph(), - // Component.DesktopOnly(Component.TableOfContents()), + Component.DesktopOnly(Component.TableOfContents()), Component.Backlinks(), ], } diff --git a/quartz/styles/custom.scss b/quartz/styles/custom.scss index b0c09dcb9..989aba406 100644 --- a/quartz/styles/custom.scss +++ b/quartz/styles/custom.scss @@ -1,3 +1,15 @@ @use "./base.scss"; // put your custom CSS here! + +.article-title { + padding-bottom: 1rem; +} + +.graph { + margin-bottom: 3rem; +} + +.backlinks { + top: -5rem; +} diff --git a/quartz/styles/variables.scss b/quartz/styles/variables.scss index 30004aa7b..01c2dc2c5 100644 --- a/quartz/styles/variables.scss +++ b/quartz/styles/variables.scss @@ -2,5 +2,5 @@ $pageWidth: 750px; $mobileBreakpoint: 600px; $tabletBreakpoint: 1200px; $sidePanelWidth: 380px; -$topSpacing: 6rem; +$topSpacing: 2rem; // 6rem $fullPageWidth: $pageWidth + 2 * $sidePanelWidth;