fix: Format some inline styles as strings to try and avoid hydration …

…errors (#9719)
getsentry · Apr 16, 2024 · f982fe9 · f982fe9
1 parent 54b6a8a
commit f982fe9
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/breadcrumbs.tsx b/src/components/breadcrumbs.tsx
@@ -18,7 +18,7 @@ export function Breadcrumbs() {
  }
 
  return (
- <ul className="breadcrumb" style={{margin: 0}}>
+ <ul className="breadcrumb" style={{margin: '0px'}}>
  {nodes.map(n => {
  const to = n.path === '/' ? n.path : `/${n.path}/`;
  return (

diff --git a/src/components/navbarClient.tsx b/src/components/navbarClient.tsx
@@ -31,7 +31,7 @@ export function NavbarClient({platforms, currentPlatform}: Props) {
  <Search path={pathname} platforms={searchPlatforms} />
  </div>
  <div className="collapse navbar-collapse content-max" id="navbar-menu">
- <Nav className="justify-content-end" style={{flex: 1}}>
+ <Nav className="justify-content-end" style={{flex: '1 1 0%'}}>
  <NavbarPlatformDropdown
  platforms={platforms}
  currentPlatform={currentPlatform}

diff --git a/src/components/pageGrid.tsx b/src/components/pageGrid.tsx
@@ -33,7 +33,7 @@ export function PageGrid({header}: Props) {
  .filter(c => c.frontmatter.title)
  .map(n => (
  <li key={n.path} style={{marginBottom: '1rem'}}>
- <h4 style={{marginBottom: 0}}>
+ <h4 style={{marginBottom: '0px'}}>
  <Link href={'/' + n.path}>{n.frontmatter.title}</Link>
  </h4>
  {n.frontmatter.description && <p>{n.frontmatter.description}</p>}