jbilcke-hf HF staff commited on
Commit
8556c64
β€’
1 Parent(s): b1fd525

fix PDF export issue

Browse files
Files changed (2) hide show
  1. src/app/globals.css +2 -3
  2. src/app/main.tsx +2 -1
src/app/globals.css CHANGED
@@ -26,14 +26,13 @@ body {
26
  rgb(var(--background-start-rgb));
27
  }
28
 
29
-
30
  /* this is the trick to bypass the style={{}} attribute when printing */
31
  @media print {
32
- .comic-page[style] { width: 100vw !important; }
33
-
34
  @page { size: landscape }
35
  }
36
 
 
37
  .render-to-image .comic-panel {
38
  height: auto !important;
39
  /* max-width: fit-content !important; */
 
26
  rgb(var(--background-start-rgb));
27
  }
28
 
 
29
  /* this is the trick to bypass the style={{}} attribute when printing */
30
  @media print {
31
+ .comic-page, .comic-page[style] { width: 100vw !important; }
 
32
  @page { size: landscape }
33
  }
34
 
35
+
36
  .render-to-image .comic-panel {
37
  height: auto !important;
38
  /* max-width: fit-content !important; */
src/app/main.tsx CHANGED
@@ -154,7 +154,8 @@ export default function Main() {
154
  <div
155
  className={cn(
156
  `comic-page`,
157
- `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`,
 
158
  )}
159
  style={{
160
  width: `${zoomLevel}%`
 
154
  <div
155
  className={cn(
156
  `comic-page`,
157
+ `flex flex-col md:flex-row md:space-x-8 lg:space-x-12 xl:space-x-16 md:items-center md:justify-start`,
158
+ `print:space-x-4 print:flex-row`,
159
  )}
160
  style={{
161
  width: `${zoomLevel}%`