Merge branch 'main' into feat-handout

Author: oripka

docs/builtin/layouts.md

@@ -214,4 +214,10 @@ This shows on the left
 # Right
 
 This shows on the right
+
+<style>
+.two-cols-header {
+  column-gap: 20px; /* Adjust the gap size as needed */
+}
+</style>
 ```

docs/features/remote-access.md

@@ -52,7 +52,7 @@ You can open a [Cloudflare Quick Tunnels](https://developers.cloudflare.com/clou
 ::: code-group
 
 ```bash [pnpm]
-pnpm dev -- --remote --tunnel
+pnpm dev --remote --tunnel
 # i.e. slidev --remote --tunnel
 ```
 

packages/client/layouts/two-cols-header.vue

@@ -13,6 +13,12 @@ This shows on the left
 This shows on the right
 ::bottom::
 This shows at the bottom, aligned to the end (bottom) of the grid
+
+<style>
+.two-cols-header {
+  column-gap: 20px; /* Adjust the gap size as needed */
+}
+</style>
 ```
 -->
 
@@ -48,7 +54,7 @@ const props = defineProps({
 .two-cols-header {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
-  grid-template-rows: repeat(2, 1fr);
+  grid-template-rows: auto 1fr auto;
 }
 
 .col-header {

packages/slidev/node/commands/build.ts

@@ -94,9 +94,10 @@ export async function build(
         height: Math.round(options.data.config.canvasWidth / options.data.config.aspectRatio),
         routerMode: options.data.config.routerMode,
         waitUntil: 'networkidle',
-        timeout: 30000,
+        timeout: args.timeout || 30000,
         perSlide: true,
         omitBackground: false,
+        dark: args.dark,
       })
 
       const tempFiles = await fs.readdir(tempDir)