Add waabi logo to MCAP

foxglove · Aug 10, 2023 · 83b7f95 · 83b7f95
1 parent 75e3cab
commit 83b7f95
Show file tree

Hide file tree

Showing 4 changed files with 89 additions and 13 deletions.
diff --git a/website/src/icons/companies/waabi-color.svg b/website/src/icons/companies/waabi-color.svg
diff --git a/website/src/icons/companies/waabi-white.svg b/website/src/icons/companies/waabi-white.svg
diff --git a/website/src/icons/index.ts b/website/src/icons/index.ts
@@ -10,6 +10,8 @@ import ROSLight from "./companies/ros-color.svg";
 import ROSDark from "./companies/ros-white.svg";
 import TangramLight from "./companies/tangram-color.svg";
 import TangramDark from "./companies/tangram-white.svg";
+import WaabiLight from "./companies/waabi-color.svg";
+import WaabiDark from "./companies/waabi-white.svg";
 import DrawerEnvelope from "./drawer-envelope.svg";
 import Robot from "./robot.svg";
 import ShipmentPackage from "./shipment-package.svg";
@@ -44,6 +46,11 @@ const Logos = [
     LightModeLogo: TangramLight,
     DarkModeLogo: TangramDark,
   },
+  {
+    href: "https://waabi.ai/",
+    LightModeLogo: WaabiLight,
+    DarkModeLogo: WaabiDark,
+  },
 ];
 
 export {

diff --git a/website/src/pages/index.module.css b/website/src/pages/index.module.css
@@ -150,26 +150,15 @@
 .logoGrid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 2rem 3rem;
+  gap: 3rem 3rem;
   text-align: center;
 }
 
-@media (min-width: 640px) {
-  .logoGrid {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-}
-
-@media (min-width: 996px) {
-  .logoGrid {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-}
-
 .logoIcon {
   display: inline-block;
   height: auto;
   width: 100%;
+  max-height: 50px;
   margin: auto;
 }