DIGG-218: Max width on images and accordions for containers

diggsweden · Jan 19, 2024 · 18632e7 · 18632e7
1 parent 6f2e245
commit 18632e7
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/components/content/blocks/BlockList/index.tsx b/components/content/blocks/BlockList/index.tsx
@@ -41,7 +41,7 @@ const handleFaqs = (blocks: blockListProps["blocks"], pos: number) => {
 
   return (
     <ul
-      className="divide-y divide-brown-200 border-y border-brown-200"
+      className="max-w-md divide-y divide-brown-200 border-y border-brown-200"
       key={`content-${pos}-${faqGroup[0].id}`}
     >
       {faqGroup.map((faq, idx: number) => (

diff --git a/components/content/blocks/MediaBlock/index.tsx b/components/content/blocks/MediaBlock/index.tsx
@@ -37,7 +37,7 @@ const renderMedia = (
         return null;
       }
       return (
-        <figure className="border-b border-brown-200 pb-sm">
+        <figure className="max-w-md border-b border-brown-200 pb-sm">
           <CustomImage image={media} className="pb-sm" />
           {mediaDescription && (
             <figcaption className="text-brown-600">

diff --git a/components/navigation/MainNav/index.tsx b/components/navigation/MainNav/index.tsx
@@ -95,7 +95,7 @@ const MainNav: FC<MainNavProps> = ({ setOpenSideBar, openSideBar }) => {
                     } [&_div_div_button]:bg-brown-800 last:hover:[&_div_div_button]:bg-brown-900 focus-visible:[&_div_div_button]:-outline-offset-2 focus-visible:[&_div_div_button]:outline-white`
                   : "w-none overflow-hidden"
               }`}
-              action={lang + "/search"}
+              action={`/${lang}/search`}
             >
               <SearchInput
                 id="header-search"