From 4c78d29c13fa7bdcafca5c7b8c802e5e8e13e97c Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Thu, 18 Sep 2025 20:45:17 +0000
Subject: [PATCH] fix(search): css min padding
---
quartz.layout.ts | 28 +++++++++++++++++++++++-----
1 files changed, 23 insertions(+), 5 deletions(-)
diff --git a/quartz.layout.ts b/quartz.layout.ts
index f45da0c..970a5be 100644
--- a/quartz.layout.ts
+++ b/quartz.layout.ts
@@ -17,7 +17,10 @@
// components for pages that display a single page (e.g. a single note)
export const defaultContentPageLayout: PageLayout = {
beforeBody: [
- Component.Breadcrumbs(),
+ Component.ConditionalRender({
+ component: Component.Breadcrumbs(),
+ condition: (page) => page.fileData.slug !== "index",
+ }),
Component.ArticleTitle(),
Component.ContentMeta(),
Component.TagList(),
@@ -25,8 +28,16 @@
left: [
Component.PageTitle(),
Component.MobileOnly(Component.Spacer()),
- Component.Search(),
- Component.Darkmode(),
+ Component.Flex({
+ components: [
+ {
+ Component: Component.Search(),
+ grow: true,
+ },
+ { Component: Component.Darkmode() },
+ { Component: Component.ReaderMode() },
+ ],
+ }),
Component.Explorer(),
],
right: [
@@ -42,8 +53,15 @@
left: [
Component.PageTitle(),
Component.MobileOnly(Component.Spacer()),
- Component.Search(),
- Component.Darkmode(),
+ Component.Flex({
+ components: [
+ {
+ Component: Component.Search(),
+ grow: true,
+ },
+ { Component: Component.Darkmode() },
+ ],
+ }),
Component.Explorer(),
],
right: [],
--
Gitblit v1.10.0