Fix issue where company logos become tiny on mobile device (foxglove#…

…1023)

### Public-Facing Changes

- Fix issue where company logos become tiny on mobile device
- Add Dexterity logo

website/src/icons/index.ts

@@ -6,6 +6,8 @@ import ApexLight from "./companies/apex-color.svg";
 import ApexDark from "./companies/apex-white.svg";
 import CocoLight from "./companies/coco-color.svg";
 import CocoDark from "./companies/coco-white.svg";
+import DexterityLight from "./companies/dexterity-color.svg";
+import DexterityDark from "./companies/dexterity-white.svg";
 import NorLabLight from "./companies/norlab-color.svg";
 import NorlabDark from "./companies/norlab-white.svg";
 import ROSLight from "./companies/ros-color.svg";
@@ -38,6 +40,11 @@ const Logos = [
     LightModeLogo: CocoLight,
     DarkModeLogo: CocoDark,
   },
+  {
+    href: "https://www.dexterity.ai/",
+    LightModeLogo: DexterityLight,
+    DarkModeLogo: DexterityDark,
+  },
   {
     href: "https://norlab.ulaval.ca/",
     LightModeLogo: NorLabLight,

website/src/pages/index.module.css

@@ -154,13 +154,20 @@
 }
 
 .logoLink {
-  width: 33%;
+  min-width: 200px;
+  max-width: 50%;
 }
 
 .logoIcon {
   width: 100%;
   max-height: 50px;
-  margin: 2rem;
+  margin: 2rem 1rem;
+}
+
+@media (max-width: 640px) {
+  .logoIcon {
+    margin: 1rem;
+  }
 }
 
 [data-theme="light"] .darkMode {