feat: new layout, only use gap for big folder links

quartz.layout.ts

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

quartz/styles/custom.scss

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