Gallery styling changes.

SU-SWS · Mar 7, 2024 · 46953a2 · 46953a2
1 parent 9d26571
commit 46953a2
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/.storybook/stories/paragraphs/Gallery.stories.tsx b/.storybook/stories/paragraphs/Gallery.stories.tsx
@@ -39,23 +39,23 @@ export const Gallery: Story = {
       suGalleryButton: {
         url:"/about",
         title:"Link text",
-        internal:true
       },
       suGalleryDescription: {
-        processed: "<p>this is a description</p>"
+        processed: "<p>Please enter the description here. </p>"
       },
       suGalleryHeadline:"New Gallery",
       suGalleryImages: [
         {
-          suGalleryCaption:"Very big spider",
+          id: "c9bfa54a-7a54-4892-b3e5-72a1423fb221",
+          suGalleryCaption:"This is a caption",
           suGalleryImage: getStoryBookImage(),
         },
         {
-          suGalleryCaption:"Poppies poppies my dear.",
+          id: "6906300d-cd67-41cf-b5bb-165f839bdf1b",
+          suGalleryCaption:"This is a caption",
           suGalleryImage: getStoryBookImage(),
         }
       ]
-
     }
   }
 };
diff --git a/src/components/elements/wysiwyg.tsx b/src/components/elements/wysiwyg.tsx
@@ -54,7 +54,7 @@ const options: HTMLReactParserOptions = {
           return cleanMediaMarkup(domNode);
 
         case 'p':
-          nodeProps.className = twMerge(nodeProps.className, 'max-w-[100ch]');
+          nodeProps.className = twMerge(nodeProps.className, 'max-w-[100ch] leading-relaxed');
           return <NodeName {...nodeProps}>{domToReact(children, options)}</NodeName>
 
         case 'script':

diff --git a/src/components/paragraphs/stanford-gallery/gallery-paragraph.tsx b/src/components/paragraphs/stanford-gallery/gallery-paragraph.tsx
@@ -20,7 +20,7 @@ const GalleryParagraph = ({paragraph, ...props}: Props) => {
       {...props}
     >
       {paragraph.suGalleryHeadline &&
-        <H2 id={paragraph.id}>{paragraph.suGalleryHeadline}</H2>
+        <H2 id={paragraph.id} className="text-center">{paragraph.suGalleryHeadline}</H2>
       }
 
       <Wysiwyg html={paragraph.suGalleryDescription?.processed}/>