cv second page progress

src/routes/+layout.svelte

@@ -100,7 +100,7 @@
 <CustomScrollBar
   overflowX="hidden"
   overflowY="auto"
-  Class="h-screen"
+  Class="h-screen {hideOnPrint ? 'hide-on-print' : ''}"
   requireAbsolute={true}
   hideOnMobile={true}
 >
@@ -183,6 +183,13 @@
   </div>
 </CustomScrollBar>
 
+{#if hideOnPrint}
+  <div class="flex-1 hide-if-not-print">
+    <!-- Page content -->
+    {@render children?.()}
+  </div>
+{/if}
+
 {#if footerCollapse}
   <style>
     .about-container {

src/routes/cv/+page.svelte

@@ -27,6 +27,7 @@
 
   // Print detection setup
   import onMount from "@e/onMount";
+  let debug = false;
   onMount(() => {
     // Check if the query parameter exists in the URL
     const urlParams = new URLSearchParams(window.location.search);
@@ -41,6 +42,9 @@
     if (locale && locale != getLocale()) {
       setLocale(locale);
     }
+
+    const params = new URLSearchParams(window.location.search);
+    debug = params.has("debug");
   });
 
   function getFormattedDate(): string {
@@ -90,9 +94,7 @@
   </div>
   <div class="w-full h-full flex flex-col justify-center overflow-hidden">
     <div
-      class="relative w-full flex h-[1123px] justify-center {$re?.name
-        ? 'hidden'
-        : ''}"
+      class="relative w-full flex justify-center {$re?.name ? 'hidden' : ''}"
     >
       <RepeatedSkills
         class="cozette-force text-5xl text-base-300 "
@@ -105,7 +107,7 @@
     </div>
 
     <div
-      class="NotoSans h-[1123px] cv-config cv-container-container include-in-print {$re?.name
+      class="NotoSans flex flex-col cv-config cv-container-container include-in-print {$re?.name
         ? ''
         : 'absolute'}"
     >
@@ -163,6 +165,12 @@
           </div>
         </div>
       </div>
+      {#if debug}
+        <div class="hide-on-print py-4"><div>===== Next page =====</div></div>
+        <div class="cv-container flex-col flex-col-reverse include-in-print">
+          <div class="text-black text-wrap">hello</div>
+        </div>
+      {/if}
     </div>
   </div>
 </div>

src/routes/test/+page.svelte

@@ -0,0 +1,5 @@
+<div class="h-[594mm] w-[20mm] bg-white text-black">
+  {#each { length: 100 } as _, i}
+    <div>{i + 1}</div>
+  {/each}
+</div>