jbilcke-hf HF staff commited on
Commit
3528bf3
β€’
1 Parent(s): fca9691

improve print to PDF mode

Browse files
src/app/interface/panel/bubble/index.tsx CHANGED
@@ -46,6 +46,7 @@ export function Bubble({ children, onChange }: {
46
  zoomLevel > 90 ? `p-1.5 md:p-4` :
47
  zoomLevel > 40 ? `p-1 md:p-2` :
48
  `p-0.5 md:p-2`,
 
49
  )}>
50
  <div
51
  ref={ref}
@@ -68,7 +69,8 @@ export function Bubble({ children, onChange }: {
68
  zoomLevel > 100 ? `p-1.5 md:p-2` :
69
  zoomLevel > 90 ? `p-1 md:p-1` :
70
  zoomLevel > 40 ? `p-0.5 md:p-0.5` :
71
- `p-0.5 md:p-0.5]`,
 
72
 
73
  zoomLevel > 220 ? `text-base md:text-lg` :
74
  zoomLevel > 200 ? `text-sm md:text-md` :
@@ -79,12 +81,14 @@ export function Bubble({ children, onChange }: {
79
  zoomLevel > 90 ? `text-5xs md:text-3xs` :
80
  zoomLevel > 40 ? `text-6xs md:text-4xs`
81
  : `text-7xs md:text-5xs`,
 
82
 
83
  zoomLevel > 140 ? `rounded-lg md:rounded-xl` :
84
  zoomLevel > 120 ? `rounded-md md:rounded-lg` :
85
  zoomLevel > 90 ? `rounded-sm md:rounded-md` :
86
  zoomLevel > 40 ? `rounded-xs md:rounded-sm` :
87
  `rounded-none md:rounded-none`,
 
88
 
89
  showCaptions ? (
90
  zoomLevel > 90 ? `block` : `hidden md:block`
 
46
  zoomLevel > 90 ? `p-1.5 md:p-4` :
47
  zoomLevel > 40 ? `p-1 md:p-2` :
48
  `p-0.5 md:p-2`,
49
+ `print:p-2`
50
  )}>
51
  <div
52
  ref={ref}
 
69
  zoomLevel > 100 ? `p-1.5 md:p-2` :
70
  zoomLevel > 90 ? `p-1 md:p-1` :
71
  zoomLevel > 40 ? `p-0.5 md:p-0.5` :
72
+ `p-0.5 md:p-0.5`,
73
+ `print:p-1.5`,
74
 
75
  zoomLevel > 220 ? `text-base md:text-lg` :
76
  zoomLevel > 200 ? `text-sm md:text-md` :
 
81
  zoomLevel > 90 ? `text-5xs md:text-3xs` :
82
  zoomLevel > 40 ? `text-6xs md:text-4xs`
83
  : `text-7xs md:text-5xs`,
84
+ `print:text-4xs`,
85
 
86
  zoomLevel > 140 ? `rounded-lg md:rounded-xl` :
87
  zoomLevel > 120 ? `rounded-md md:rounded-lg` :
88
  zoomLevel > 90 ? `rounded-sm md:rounded-md` :
89
  zoomLevel > 40 ? `rounded-xs md:rounded-sm` :
90
  `rounded-none md:rounded-none`,
91
+ `print:rounded-lg`,
92
 
93
  showCaptions ? (
94
  zoomLevel > 90 ? `block` : `hidden md:block`
src/app/interface/panel/index.tsx CHANGED
@@ -310,7 +310,8 @@ export function Panel({
310
  `absolute`,
311
  `top-0 w-full`,
312
  `flex justify-between`,
313
- `p-2 space-x-2`
 
314
  )}>
315
  <div
316
  onClick={rendered.status === "completed" ? handleReload : undefined}
 
310
  `absolute`,
311
  `top-0 w-full`,
312
  `flex justify-between`,
313
+ `p-2 space-x-2`,
314
+ `print:hidden`
315
  )}>
316
  <div
317
  onClick={rendered.status === "completed" ? handleReload : undefined}
src/app/main.tsx CHANGED
@@ -157,8 +157,8 @@ export default function Main() {
157
  `flex flex-row items-center justify-center`,
158
  `transition-all duration-300 ease-in-out`,
159
  isGeneratingStory
160
- ? `bg-zinc-100/10 backdrop-blur-md`
161
- : `bg-zinc-100/0 backdrop-blur-none pointer-events-none`,
162
  fonts.actionman.className
163
  )}>
164
  <div className={cn(
 
157
  `flex flex-row items-center justify-center`,
158
  `transition-all duration-300 ease-in-out`,
159
  isGeneratingStory
160
+ ? `bg-zinc-50/30 backdrop-blur-md`
161
+ : `bg-zinc-50/0 backdrop-blur-none pointer-events-none`,
162
  fonts.actionman.className
163
  )}>
164
  <div className={cn(