Fix styles for the primary logo within viewer for safari (#3133)

This commit is contained in:
Rishabh Saxena 2021-02-22 13:32:38 +05:30 committed by GitHub
parent 90fba15630
commit 1d76f391da
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -120,6 +120,11 @@ const HeaderRightItemContainer = styled.div`
height: 100%;
`;
const PrimaryLogoLink = styled(Link)`
display: flex;
align-items: center;
`;
type AppViewerHeaderProps = {
url?: string;
currentApplicationDetails?: ApplicationPayload;
@ -186,9 +191,9 @@ export const AppViewerHeader = (props: AppViewerHeaderProps) => {
<HtmlTitle />
<HeaderRow justify={"space-between"}>
<HeaderSection justify={"flex-start"}>
<Link to={APPLICATIONS_URL} style={{ display: "flex" }}>
<PrimaryLogoLink to={APPLICATIONS_URL}>
<AppsmithLogoImg src={AppsmithLogo} alt="Appsmith logo" />
</Link>
</PrimaryLogoLink>
</HeaderSection>
<HeaderSection justify={"center"} className="current-app-name">
{currentApplicationDetails && (