Merge pull request #46 from elijames-codecov/dylan/carousel-fixes

fix spacing and remove blur
elijames-codecov · Aug 5, 2024 · 521bef3 · 521bef3
2 parents cef79ee + bd767ae
commit 521bef3
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 21 deletions.
diff --git a/src/components/Carousel.jsx b/src/components/Carousel.jsx
@@ -63,26 +63,26 @@ const Carousel = ({companies}) => {
             Featured Fair Source Software
           </h2>
           <div className="hidden xl:flex relative gap-[1rem]">
-              <button
-                onClick={movePrev}
-                className="w-[2rem] h-[2rem] flex items-center justify-center bg-taupe rounded-[1rem] text-center disabled:opacity-25 disabled:cursor-not-allowed transition-all ease-in-out duration-300"
-                disabled={isDisabled('prev')}
-              >
-                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16" fill="none">
-                  <path d="M8.5 1.5L2 8L8.5 14.5" stroke="#0D1B2A" stroke-width="2.3"/>
-                </svg>
-                <span className="sr-only">Prev</span>
-              </button>
-              <button
-                onClick={moveNext}
-                className="w-[2rem] h-[2rem] flex items-center justify-center bg-taupe rounded-[1rem] text-center disabled:opacity-25 disabled:cursor-not-allowed transition-all ease-in-out duration-300"
-                disabled={isDisabled('next')}
-              >
-                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16" fill="none">
-                  <path d="M1.5 1.5L8 8L1.5 14.5" stroke="#0D1B2A" stroke-width="2.3"/>
-                </svg>
-                <span className="sr-only">Next</span>
-              </button>
+            <button
+              onClick={movePrev}
+              className="w-[2rem] h-[2rem] flex items-center justify-center bg-taupe rounded-[1rem] text-center disabled:opacity-25 disabled:cursor-not-allowed transition-all ease-in-out duration-300"
+              disabled={isDisabled('prev')}
+            >
+              <svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16" fill="none">
+                <path d="M8.5 1.5L2 8L8.5 14.5" stroke="#0D1B2A" stroke-width="2.3"/>
+              </svg>
+              <span className="sr-only">Prev</span>
+            </button>
+            <button
+              onClick={moveNext}
+              className="w-[2rem] h-[2rem] flex items-center justify-center bg-taupe rounded-[1rem] text-center disabled:opacity-25 disabled:cursor-not-allowed transition-all ease-in-out duration-300"
+              disabled={isDisabled('next')}
+            >
+              <svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16" fill="none">
+                <path d="M1.5 1.5L8 8L1.5 14.5" stroke="#0D1B2A" stroke-width="2.3"/>
+              </svg>
+              <span className="sr-only">Next</span>
+            </button>
           </div>
         </div>
         <div className="hidden xl:flex justify-end items-center w-12/12 xl:w-1/2">

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -42,7 +42,7 @@ const mobileSectionContentClasses = 'z-10 pt-[1.5rem] pb-[1rem] relative w-12/12
   </header>
   <main>
     {
-        companies && <section class="w-full mb-[3.25rem]">
+        companies && <section class="w-full mb-[3.25rem] xl:ml-[-1rem] 2xl:ml-[1rem] 3xl:ml-[3.62rem]">
           <Carousel companies={companies} client:load client:only="react" />
         </section>
     }