Fix height problem on mirador based comps

web/components/Documents/HumanMadeObject.js

@@ -86,26 +86,24 @@ export default function HumanMadeObject(item) {
             <CurrentOwner owners={item.hasCurrentOwner} />
           }
         </Grid>
-        
+
         {item.activityStream && 
           <ActivityStream stream={item.activityStream} />
         }
       </Container>
 
       {item.subjectOfManifest && (
-        <Box gridArea="image">
+        <Box h="70vh" gridArea="image">
           <MiradorWithNoSSR 
-            h="70vh" 
             manifests={[{manifest: item.subjectOfManifest}]} 
           />
         </Box>
       )}
 
       {item.manifest && !item.subjectOfManifest && (
-        <Box gridArea="image">
+        <Box h="70vh" gridArea="image">
           <MiradorWithNoSSR 
             hideWindowTitle="true" 
-            h="70vh" 
             manifests={[{manifest: item.manifest}]} 
           />
         </Box>

web/components/MiradorViewer/index.js

@@ -106,8 +106,7 @@ export default function MiradorViewer(props) {
     manifests,
     workspaceControlPanel = false,
     gridArea,
-    catalog,
-    h = '50vh',
+    catalog
   } = props
   
   const {variantSettings, plugins} = getVariant(variant)
@@ -178,9 +177,10 @@ export default function MiradorViewer(props) {
 
   return (
     <Box 
+      h="100%"
       position="relative"
       gridArea={gridArea}
-      h={h}
+      bgGradient="linear(to-t, blue.100, white)" 
     >
       <Box h="100%" id={ID} />
     </Box>

web/components/Sections/MiradorGallery.js

@@ -9,14 +9,14 @@ export default function MiradorGallery(props) {
     return null
   }
   
-  const {items, h} = props
-
+  const {items} = props
+  
   return (
     <Grid
+      h="50vh"
       maxW={["xl", "xl", "xl", "6xl"]}
       my={{base: "6", md: "16", xl: "28"}}
       gridGap={5}
-      alignContent="start"
       gridTemplateAreas={{base: '"image" "metadata"', xl: '"image metadata"'}}
       gridTemplateColumns={{base: '100%', xl: '10fr 4fr'}}
     >
@@ -25,7 +25,6 @@ export default function MiradorGallery(props) {
         gridArea="image"
         variant="standard"
         manifests={items} 
-        h={h} 
       />
       
       <Box fontFamily="Montserrat" gridArea="metadata" pr="10">

web/components/Sections/SingleObject.js

@@ -14,20 +14,19 @@ export default function SingleObject(props) {
 
   return (
     <Grid
+      h="50vh" 
       maxW={["xl", "xl", "xl", "6xl"]}
       my={{base: "6", md: "16", xl: "28"}}
       borderBottom={{base: "solid 1px", md: "none"}}
       borderColor="gray.300"
       gridGap={5}
-      alignContent="start"
       gridTemplateAreas={{base: '"image" "metadata"', xl: '"image metadata"'}}
       gridTemplateColumns={{base: '3xl', xl: '10fr 4fr'}}
     >
   
       <MiradorWithNoSSR
         gridArea="image"
-        variant="basic"
-        h="50vh" 
+        variant="basic"  
         manifests={[{
           manifest: item.manifest,
           ...(canvasUrl && {canvasUrl: canvasUrl})
@@ -35,6 +34,7 @@ export default function SingleObject(props) {
       />
 
       <Flex 
+        h="full"
         flexDirection="column" 
         fontFamily="Montserrat" 
         gridArea="metadata" 
@@ -59,7 +59,6 @@ export default function SingleObject(props) {
         )}
         <Spacer />
         <Source {...item} />
-        
       </Flex>
     </Grid>
   )