added supported platforms logos in white

Barklarm · Aug 24, 2024 · beeb8e5 · beeb8e5
1 parent c3e32a6
commit beeb8e5
Show file tree

Hide file tree

Showing 7 changed files with 28 additions and 23 deletions.
diff --git a/src/components/SupportedServices/index.tsx b/src/components/SupportedServices/index.tsx
@@ -16,29 +16,30 @@ export const SupportedServices = () => {
                 <div className={styles.HeaderContainer} data-aos="flip-left" data-aos-duration="1000">
                 <h2 className={styles.Tagline}>We Support</h2>
                 <Spacer height={20} />
-                <Slider
-                    width="300px"
-                    duration={40}
-                    pauseOnHover={true}
-                    blurBorders={false}
-                    blurBoderColor={'#fff'}
-                >
-                    <Slider.Slide>
-                        <img src={datadogUrl} style={{padding:"25px 0px"}}/>
-                    </Slider.Slide>
-                    <Slider.Slide>
-                        <img src={githubActionsgUrl} style={{padding:"25px 0px"}} />
-                    </Slider.Slide>
-                    <Slider.Slide>
-                        <img src={sentryUrl} style={{padding:"25px 0px"}} />
-                    </Slider.Slide>
-                    <Slider.Slide>
-                        <img src={newRelicUrl} style={{padding:"10px"}} />
-                    </Slider.Slide>
-                    <Slider.Slide>
-                        <img src={azureDevopscUrl} style={{padding:"10px"}} />
-                    </Slider.Slide>
-                </Slider>
+                <div className={styles.Slider} >
+                    <Slider
+                        width="250px"
+                        duration={25}
+                        pauseOnHover={true}
+                        blurBorders={false}
+                    >
+                        <Slider.Slide>
+                            <img src={datadogUrl} style={{padding:"25px 0px"}}/>
+                        </Slider.Slide>
+                        <Slider.Slide>
+                            <img src={githubActionsgUrl} style={{padding:"25px 0px"}} />
+                        </Slider.Slide>
+                        <Slider.Slide>
+                            <img src={sentryUrl} style={{padding:"25px 0px"}} />
+                        </Slider.Slide>
+                        <Slider.Slide>
+                            <img src={newRelicUrl} style={{padding:"10px"}} />
+                        </Slider.Slide>
+                        <Slider.Slide>
+                            <img src={azureDevopscUrl} style={{padding:"10px"}} />
+                        </Slider.Slide>
+                    </Slider>
+                </div>
                 </div>
             </div>
         </div>

diff --git a/src/components/SupportedServices/styles.module.css b/src/components/SupportedServices/styles.module.css
@@ -15,6 +15,10 @@
   transform: skewY(2deg);
 }
 
+.Slider {
+  max-width: var(--ifm-container-width-xl);
+}
+
 .HeaderContainer {
   display: flex;
   flex: 1;

diff --git a/static/img/azure_devops.png b/static/img/azure_devops.png
diff --git a/static/img/datadog.webp b/static/img/datadog.webp
diff --git a/static/img/github_actions.png b/static/img/github_actions.png
diff --git a/static/img/new_relic.webp b/static/img/new_relic.webp
diff --git a/static/img/sentry.png b/static/img/sentry.png