max height for org logo images, ensured consistant nav height (#10095)

This commit is contained in:
Gabriel Hernandez
2023-02-24 11:27:39 -06:00
committed by GitHub
parent ea42eff8e4
commit 75a0436f12
3 changed files with 11 additions and 1 deletions
@@ -0,0 +1 @@
- add max height on org logo image to ensure consistent height of the nav bar
@@ -1,8 +1,11 @@
import React, { Component } from "react";
import PropTypes from "prop-types";
import classnames from "classnames";
import fleetAvatar from "../../../../assets/images/fleet-avatar-24x24@2x.png";
const baseClass = "org-logo-icon";
class OrgLogoIcon extends Component {
static propTypes = {
className: PropTypes.string,
@@ -69,10 +72,12 @@ class OrgLogoIcon extends Component {
const { imageSrc } = this.state;
const { onError } = this;
const classNames = classnames(baseClass, className);
return (
<img
alt="Organization Logo"
className={className}
className={classNames}
onError={onError}
src={imageSrc}
/>
@@ -0,0 +1,4 @@
.org-logo-icon {
// ensures consistant nav bar height regardless of the logo image used
max-height: 92px;
}