fix: add max-width into Frigade banner

ReactTooltip · Sep 6, 2023 · a5327c2 · a5327c2
1 parent cd52f92
commit a5327c2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/docs/src/components/BannerFrigade/index.tsx b/docs/src/components/BannerFrigade/index.tsx
@@ -2,6 +2,7 @@
 import React from 'react'
 // @ts-ignore
 import LogoFrigade from '@site/static/img/sponsors/frigade.png'
+import './styles.css'
 
 const BannerFrigade = () => {
   return (

diff --git a/docs/src/components/BannerFrigade/styles.css b/docs/src/components/BannerFrigade/styles.css
@@ -0,0 +1,9 @@
+.sponsor-frigade {
+  /* same as `--carbon-max-char` */
+  --frigade-max-char: 20ch;
+  display: flex;
+  flex-direction: column;
+  min-inline-size: 130px;
+  max-inline-size: calc(130px + var(--frigade-max-char) + 8ch);
+  max-width: 377px;
+}