Merge pull request #87 from Vizzuality/minor-design-tweaks-intro-borders

Add right border to intro sections in order to frame them better
Vizzuality · Nov 28, 2023 · b1e1bad · b1e1bad
2 parents cb1c5c2 + 84d0727
commit b1e1bad
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/frontend/src/components/static-pages/intro/index.tsx b/frontend/src/components/static-pages/intro/index.tsx
@@ -46,7 +46,7 @@ const Intro: React.FC<IntroProps> = ({
           {description && <div className="pr-[20%] text-xl">{description}</div>}
         </div>
       </div>
-      <div className="w-full border-l border-black md:w-[40%]">
+      <div className="w-full border-l border-r border-black md:w-[40%]">
         <div className="flex h-full flex-col">
           <span
             className="aspect-square max-h-[200px] border-b border-black bg-cover bg-center bg-no-repeat mix-blend-multiply md:max-h-full"

diff --git a/frontend/src/containers/homepage/intro/index.tsx b/frontend/src/containers/homepage/intro/index.tsx
@@ -103,7 +103,7 @@ const Intro: React.FC<IntroProps> = ({ onScrollClick }) => {
           </div>
         </div>
         <div className="border-l border-t border-white md:w-[40%] md:border-t-0">
-          <div className="flex h-full flex-col">
+          <div className="flex h-full flex-col border-r">
             <SidebarItem
               percentage={formattedOceanProtectedAreaPercentage}
               text="Current global ocean protected area"