Touches.

nulib · Oct 31, 2024 · 5da0880 · 5da0880
1 parent 4f9595f
commit 5da0880
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/components/Hero/Hero.styled.ts b/components/Hero/Hero.styled.ts
@@ -37,6 +37,7 @@ const HeroStyled = styled("div", {
     width: "100%",
     height: "100%",
     position: "relative",
+    zIndex: "1",
 
     ".swiper-wrapper": {
       "&::before": {

diff --git a/pages/collections/[id].tsx b/pages/collections/[id].tsx
@@ -32,6 +32,7 @@ import { Collection as CollectionType } from "@nulib/dcapi-types";
 import Container from "@/components/Shared/Container";
 import Facts from "@/components/Shared/Facts";
 import Head from "next/head";
+import Heading from "@/components/Heading/Heading";
 import Hero from "@/components/Hero/Hero";
 import IIIFShare from "@/components/Shared/IIIF/Share";
 import Layout from "components/layout";
@@ -176,7 +177,6 @@ const Collection: NextPage = () => {
                 </Facts>
               </Container>
             </Interstitial>
-            <IIIFShare uri={iiifResource} />
             <Container>
               <Tabs defaultValue="explore">
                 <TabsList aria-label="Explore">
@@ -187,6 +187,23 @@ const Collection: NextPage = () => {
                   <TabsTrigger value="metadata">All Subjects</TabsTrigger>
                 </TabsList>
                 <TabsContent value="explore">
+                  <div
+                    style={{
+                      display: "flex",
+                      justifyContent: "space-between",
+                      marginTop: "1.5em",
+                    }}
+                  >
+                    <Heading
+                      as="h2"
+                      css={{
+                        margin: "0 0 $gr2 !important",
+                      }}
+                    >
+                      {collection?.title}
+                    </Heading>{" "}
+                    <IIIFShare uri="" />
+                  </div>
                   {description && (
                     <Description data-testid="description">
                       <ReadMore text={description} words={55} />