PublicDashboards: Footer alignment fix for Firefox browser (#62108)

footer x axis aligment fixed
This commit is contained in:
juanicabanas
2023-01-25 11:30:42 -03:00
committed by GitHub
parent 6bd11e0ebf
commit e46aa2e4e6

View File

@@ -17,11 +17,9 @@ export const PublicDashboardFooter = function () {
return conf.hide ? null : ( return conf.hide ? null : (
<div className={styles.footer}> <div className={styles.footer}>
<span className={styles.logoText}> <a className={styles.link} href={conf.link} target="_blank" rel="noreferrer noopener">
<a href={conf.link} target="_blank" rel="noreferrer noopener"> {conf.text} <img className={styles.logoImg} alt="" src={conf.logo}></img>
{conf.text} <img className={styles.logoImg} alt="" src={conf.logo}></img> </a>
</a>
</span>
</div> </div>
); );
}; };
@@ -41,10 +39,13 @@ const getStyles = (theme: GrafanaTheme2) => ({
display: flex; display: flex;
justify-content: end; justify-content: end;
height: 30px; height: 30px;
padding: ${theme.spacing(0, 1, 0, 1)}; padding: ${theme.spacing(0, 2, 0, 1)};
`, `,
logoText: css` link: css`
margin-right: ${theme.spacing(1)}; display: flex;
gap: 4px;
justify-content: end;
align-items: center;
`, `,
logoImg: css` logoImg: css`
height: 100%; height: 100%;