From ca08ec1ae7c0003a186fb5a38b56208d4baf30bd Mon Sep 17 00:00:00 2001
From: Emile Bangma <github@emilebangma.com>
Date: Wed, 12 Mar 2025 13:15:16 +0000
Subject: [PATCH] fix(explorer): mobile explorer toggle (#1823)
---
quartz.layout.ts | 17 +++++++++++++----
1 files changed, 13 insertions(+), 4 deletions(-)
diff --git a/quartz.layout.ts b/quartz.layout.ts
index 4e8a85f..3a39d0b 100644
--- a/quartz.layout.ts
+++ b/quartz.layout.ts
@@ -5,6 +5,7 @@
export const sharedPageComponents: SharedLayout = {
head: Component.Head(),
header: [],
+ afterBody: [],
footer: Component.Footer({
links: {
GitHub: "https://github.com/jackyzha0/quartz",
@@ -24,9 +25,16 @@
left: [
Component.PageTitle(),
Component.MobileOnly(Component.Spacer()),
- Component.Search(),
- Component.Darkmode(),
- Component.DesktopOnly(Component.Explorer()),
+ Component.Flex({
+ components: [
+ {
+ Component: Component.Search(),
+ grow: true,
+ },
+ { Component: Component.Darkmode() },
+ ],
+ }),
+ Component.Explorer(),
],
right: [
Component.Graph(),
@@ -37,12 +45,13 @@
// components for pages that display lists of pages (e.g. tags or folders)
export const defaultListPageLayout: PageLayout = {
- beforeBody: [Component.Breadcrumbs(), Component.ArticleTitle()],
+ beforeBody: [Component.Breadcrumbs(), Component.ArticleTitle(), Component.ContentMeta()],
left: [
Component.PageTitle(),
Component.MobileOnly(Component.Spacer()),
Component.Search(),
Component.Darkmode(),
+ Component.Explorer(),
],
right: [],
}
--
Gitblit v1.10.0