From e98d97a271857efe14e6f15d8971d452b2d1a2d5 Mon Sep 17 00:00:00 2001
From: Felix Nie <hongtuo.nie@u.nus.edu>
Date: Wed, 07 May 2025 19:56:18 +0000
Subject: [PATCH] feat(i18n): readermode translations and icon (#1961)
---
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