feat: flex component, document higher-order layout components

2025-03-11 14:56:43 -07:00 · 2025-03-11 14:56:43 -07:00 · 2718ab9019
commit 2718ab9019
parent 87b803790c
7 changed files with 153 additions and 33 deletions
--- a/quartz.layout.ts
+++ b/quartz.layout.ts
@ -25,8 +25,15 @@ export const defaultContentPageLayout: PageLayout = {
  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: [