Add more params

package.json

@@ -18,7 +18,7 @@
 		"render-still": "remotion still --image-format=jpeg SemibitCompositionPoster  ",
 		"render-image": "remotion still --image-format=jpeg --concurrency 4 $npm_config_composition $npm_config_output",
 		"render-images": "remotion render --enable-multiprocess-on-linux --sequence --image-format=jpeg $npm_config_composition $npm_config_output",
-		"paperdrive:pdf": "rm out/* && npm run render-images  PaperDriveComposition ./out && node ./scripts/img2pdf.js  -w 612 -h 792 -o out/pages.pdf && npm run render-image --composition=PaperDriveHorizontalCoverComposition --output=out/cover.jpeg && node ./scripts/img2pdf.js -i out/cover.jpeg -w 1258.9006153846171 -h 810 -o out/cover.pdf && rm out/*.jpeg",
+		"paperdrive:pdf": " npm run render-images  PaperDriveComposition ./out && node ./scripts/img2pdf.js  -w 437  -h 651   -o out/pages.pdf && npm run render-image --composition=PaperDriveHorizontalCoverComposition --output=out/cover.jpeg && node ./scripts/img2pdf.js -i out/cover.jpeg -w 1258.9006153846171 -h 810 -o out/cover.pdf && rm out/*.jpeg",
 		"img2pdf": "node ./scripts/img2pdf.js",
 		"upgrade": "remotion upgrade",
 		"postinstall": "cd node_modules/common-utils && npm run build && cd ../../ && node ffmpeg-fix.js",
@@ -93,4 +93,4 @@
 	"devDependencies": {
 		"@types/lodash": "^4.14.199"
 	}
-}
+}

src/paperdrive/PaperDriveIndex.tsx

@@ -21,6 +21,8 @@ export function PaperDriveIndex({ transcript }: { transcript: Transcript }) {
       background: extras?.backgroundColor ?? 'white',
       paddingTop: extras?.marginTop ?? '10vh',
       paddingBottom: extras?.marginBottom ?? '10vh',
+      paddingRight: extras?.marginRight ?? '10vh',
+      paddingLeft: extras?.marginLeft ?? '10vh',
     }}>
       <h1 style={{
         padding: '20px',

src/paperdrive/PaperDrivePage.tsx

@@ -60,7 +60,8 @@ export function PaperDrivePage({ transcript }: { transcript: Transcript }) {
             position: 'relative',
             padding: '20px',
             backgroundImage: `linear-gradient(to bottom, transparent 94%, ${extras?.lineColor} 94%)`,
-            backgroundSize: '100% 30px'
+            backgroundSize: '100% 30px',
+            ...extras?.lineStyle
           }}>
           </AbsoluteFill>
         )

src/paperdrive/types/index.ts

@@ -1,6 +1,7 @@
 import { CSSProperties } from "react";
 
 export type PaperDrivePageExtras = {
+  lineStyle: CSSProperties | undefined;
   backgroundColor?: string;
   backgroundImage?: string;
   marginBottom: string;