mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
fca252e7dc
* Enable jsx-a11y/alt-text rule * Fix errors * Fix tests * Enable jsx-a11y/alt-text rule after solving merge conflict * Delete unused import * Modify files according to the reviewer's comments * Revert test changes and update snapshot * tweaks to image alt names Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
import { css } from '@emotion/css';
|
|
import React from 'react';
|
|
|
|
import { GrafanaTheme2, colorManipulator } from '@grafana/data';
|
|
import { useStyles2 } from '@grafana/ui';
|
|
|
|
export const PubdashFooter = function () {
|
|
const styles = useStyles2(getStyles);
|
|
|
|
return (
|
|
<div className={styles.footer}>
|
|
<span className={styles.logoText}>
|
|
<a href="https://grafana.com/" target="_blank" rel="noreferrer noopener">
|
|
powered by Grafana <img className={styles.logoImg} alt="" src="public/img/grafana_icon.svg"></img>
|
|
</a>
|
|
</span>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
const getStyles = (theme: GrafanaTheme2) => ({
|
|
footer: css`
|
|
position: absolute;
|
|
height: 30px;
|
|
bottom: 0;
|
|
width: 100%;
|
|
background-color: ${colorManipulator.alpha(theme.colors.background.canvas, 0.7)};
|
|
text-align: right;
|
|
font-size: ${theme.typography.body.fontSize};
|
|
z-index: ${theme.zIndex.navbarFixed};
|
|
`,
|
|
logoText: css`
|
|
margin-right: ${theme.spacing(1)};
|
|
`,
|
|
logoImg: css`
|
|
height: 100%;
|
|
padding: ${theme.spacing(0.25, 0, 0.5, 0)};
|
|
`,
|
|
});
|