fix: addresses an issue with the inline logo sizing (#3698)

microsoft · Aug 12, 2020 · 68daabb · 68daabb
1 parent aeb7530
commit 68daabb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/sites/fast-tooling-examples/app/index.html b/sites/fast-tooling-examples/app/index.html
@@ -15,7 +15,8 @@
                     <div class="toolbar-logo">
                         <fast-anchor href="/" appearance="lightweight">
                             <img
-                                src="<%= require('@microsoft/site-utilities/statics/assets/fast-inline-logo.svg') %>"
+                                src="<%= require('@microsoft/site-utilities/statics/assets/fast-inline-logo-light.svg') %>"
+                                style="height: 32px;"
                             />
                             <span>Tooling Examples</span>
                         </fast-anchor>

diff --git a/sites/site-utilities/src/components/logo/index.tsx b/sites/site-utilities/src/components/logo/index.tsx
@@ -14,7 +14,7 @@ const backgroundStyle = {
     justifyContent: "space-between",
     padding: "8px",
 };
-const imageStyle = { verticalAlign: "middle" };
+const imageStyle = { verticalAlign: "middle", height: "32px" };
 const spanStyle = { verticalAlign: "middle", margin: "0 10px" };
 
 export const Logo: React.FC<LogoProps> = ({