fix PDF export issue

src/app/globals.css

@@ -26,14 +26,13 @@ body {
     rgb(var(--background-start-rgb));
 }
 
-
 /* this is the trick to bypass the style={{}} attribute when printing */
 @media print {
-  .comic-page[style] { width: 100vw !important; }
-
+  .comic-page, .comic-page[style] { width: 100vw !important; }
   @page { size: landscape }
 }
 
+
 .render-to-image .comic-panel {
   height: auto !important;
   /* max-width: fit-content !important; */

src/app/main.tsx

@@ -154,7 +154,8 @@ export default function Main() {
           <div
             className={cn(
               `comic-page`,
-              `flex flex-col md:flex-row md:space-x-8 lg:space-x-12 xl:space-x-16 md:items-center md:justify-start print:space-x-4`,
+              `flex flex-col md:flex-row md:space-x-8 lg:space-x-12 xl:space-x-16 md:items-center md:justify-start`,
+              `print:space-x-4 print:flex-row`,
             )}
             style={{
               width: `${zoomLevel}%`