Core 5082 add log (#1266) (#1267)

* CORE-5082: update logos * CORE-5082: fix icon view
oacore · Dec 18, 2024 · 3c86b15 · 3c86b15
1 parent 1098b23
commit 3c86b15
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 11 deletions.
diff --git a/design-v2/components/pages/service.jsx b/design-v2/components/pages/service.jsx
@@ -285,12 +285,17 @@ const ServicePage = observe(
             <section className={styles.carouselWrapper}>
               <div className={styles.carouselItems}>
                 {logos.logos.items.map((slide) => (
-                  <img
-                    className={styles.apiCarouselItem}
-                    src={slide.img}
-                    alt="logo"
-                    key={slide.alt}
-                  />
+                  <div className={styles.carouselItemWrapper}>
+                    <img
+                      className={classNames.use(styles.carouselItem, {
+                        [styles.carouselItemUnset]: slide.full,
+                        [styles.background]: slide.background,
+                      })}
+                      src={slide.img}
+                      alt="logo"
+                      key={slide.alt}
+                    />
+                  </div>
                 ))}
               </div>
               <div className={styles.linkWrapper}>

diff --git a/design-v2/components/pages/styles.module.scss b/design-v2/components/pages/styles.module.scss
@@ -366,15 +366,28 @@ $support-card-width: 21.5rem;
     justify-content: space-between;
     gap: 35px;
   }
-  .api-carousel-item {
+  .carousel-item-wrapper {
     border: 1px solid #b75400;
-    min-width: 212px;
+    background: #fff;
     height: 104px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  }
+  .carousel-item {
+    width: 212px;
+    max-height: 104px;
     padding: 16px;
-    &:first-child {
-      padding: 28px;
-    }
   }
+
+  .carousel-item-unset {
+    padding: 0;
+  }
+
+  .background {
+    background: #e85e13;
+  }
+
   .data-carousel-item {
     border: 1px solid #b75400;
     min-width: 212px;