Change the cover margin calculation

namti · Feb 6, 2024 · cd9c293 · cd9c293
1 parent 0b99d71
commit cd9c293
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Book/Book.tsx b/src/components/Book/Book.tsx
@@ -138,7 +138,7 @@ const Book: React.FC<PropsWithChildren<BookProps>> = (props): React.JSX.Element
         '--crease-margin': ((wrapperSize?.width || 0) * (props.creaseMargin ?? defaults.creaseMargin)).toFixed(2) + 'px',
         '--crease-width': ((wrapperSize?.width || 0) * (props.creaseWidth ?? defaults.creaseWidth)).toFixed(2) + 'px',
         '--thickness': ((wrapperSize?.height || 0) * (props.thickness ?? defaults.thickness)).toFixed(2) + 'px',
-        '--cover-margin': ((wrapperSize?.height || 0) * (props.coverMargin ?? defaults.coverMargin)).toFixed(2) + 'px',
+        '--cover-margin': ((wrapperSize?.width || 0) * (props.coverMargin ?? defaults.coverMargin)).toFixed(2) + 'px',
 
         '--fallback-color': props.coverColor,
         '--transition-duration': props.transitionDuration,

diff --git a/src/components/Book/Book.types.ts b/src/components/Book/Book.types.ts
@@ -27,7 +27,7 @@ export interface BookProps {
 	 */
 	thickness?: number;
 	/**
-	 * Cover margin, relative to the height of the book. `0` - `1`
+	 * Cover margin, relative to the width of the book. `0` - `1`
 	 */
 	coverMargin?: number;