Update quartz.layout.ts

- Adds MobileOnly components for Explorer and Table of Contents to display on mobile.
- Graph made DesktopOnly so its position in the layout can be replaced by the Explorer in Mobile view
Closes #23

Author: MasssiveJuice08

quartz.layout.ts

@@ -35,6 +35,7 @@ export const defaultContentPageLayout: PageLayout = {
     Component.ArticleTitle(),
     Component.ContentMeta(),
     Component.TagList(),
+    Component.MobileOnly(Component.TableOfContents()),
   ],
   left: [
     Component.PageTitle(),
@@ -47,15 +48,19 @@ export const defaultContentPageLayout: PageLayout = {
     })),
   ],
   right: [
-    Component.Graph(),
+    Component.MobileOnly(Component.Explorer({
+      folderClickBehavior: "link", 
+      filterFn: (node) => node.name !== "Templates",
+    })),
+    Component.DesktopOnly(Component.Graph()),
     Component.DesktopOnly(Component.TableOfContents()),
     Component.Backlinks(),
   ],
 }
 
 // components for pages that display lists of pages  (e.g. tags or folders)
 export const defaultListPageLayout: PageLayout = {
-  beforeBody: [Component.Breadcrumbs(), Component.ArticleTitle(), Component.ContentMeta()],
+  beforeBody: [Component.Breadcrumbs(), Component.ArticleTitle(), Component.ContentMeta(), Component.MobileOnly(Component.TableOfContents())],
   left: [
     Component.PageTitle(),
     Component.MobileOnly(Component.Spacer()),
@@ -67,7 +72,11 @@ export const defaultListPageLayout: PageLayout = {
     })),
   ],
   right: [
-    Component.Graph(),
+    Component.MobileOnly(Component.Explorer({
+      folderClickBehavior: "link", 
+      filterFn: (node) => node.name !== "Templates",
+    })),
+    Component.DesktopOnly(Component.Graph()),
     Component.DesktopOnly(Component.TableOfContents()),
     Component.Backlinks(),
   ],