🔧 DnD for comic book page reorganization first draft

2021-10-04 21:22:29 -07:00
parent eb85ede5d8
commit eba51803f6
6 changed files with 78 additions and 16 deletions
--- a/src/client/components/Cover.tsx
+++ b/src/client/components/Cover.tsx
@@ -5,13 +5,15 @@ export const Cover = forwardRef(
    const inlineStyles = {
      opacity: faded ? "0.2" : "1",
      transformOrigin: "0 0",
-      height: index === 0 ? 410 : 200,
-      gridRowStart: index === 0 ? "span 2" : null,
-      gridColumnStart: index === 0 ? "span 2" : null,
+      minHeight: index === 0 ? 300 : 300,
+      maxWidth: 200,
+      gridRowStart: index === 0 ? "span" : null,
+      gridColumnStart: index === 0 ? "span" : null,
      backgroundImage: `url("${url}")`,
      backgroundSize: "cover",
      backgroundPosition: "center",
      backgroundColor: "grey",
+      border: "1px solid #CCC",
      borderRadius: "10px",
      ...style,
    };