mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
Admin: fix images on license page (#22413)
This commit is contained in:
parent
e4d2b6c203
commit
d3c50692c0
@ -6,9 +6,7 @@ import { GrafanaTheme } from '@grafana/data';
|
|||||||
const title = { fontWeight: 500, fontSize: '26px', lineHeight: '123%' };
|
const title = { fontWeight: 500, fontSize: '26px', lineHeight: '123%' };
|
||||||
|
|
||||||
const getStyles = stylesFactory((theme: GrafanaTheme) => {
|
const getStyles = stylesFactory((theme: GrafanaTheme) => {
|
||||||
const backgroundUrl = theme.isDark
|
const backgroundUrl = theme.isDark ? 'public/img/licensing/header_dark.svg' : 'public/img/licensing/header_light.svg';
|
||||||
? '/public/img/licensing/header_dark.svg'
|
|
||||||
: '/public/img/licensing/header_light.svg';
|
|
||||||
const footerBg = theme.isDark ? theme.colors.dark9 : theme.colors.gray6;
|
const footerBg = theme.isDark ? theme.colors.dark9 : theme.colors.gray6;
|
||||||
|
|
||||||
return {
|
return {
|
||||||
@ -57,7 +55,7 @@ export const LicenseChrome: React.FC<Props> = ({ header, editionNotice, subheade
|
|||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/public/img/grafana_icon.svg"
|
src="public/img/grafana_icon.svg"
|
||||||
alt="Grafana"
|
alt="Grafana"
|
||||||
width="80px"
|
width="80px"
|
||||||
style={{ position: 'absolute', left: '23px', top: '20px' }}
|
style={{ position: 'absolute', left: '23px', top: '20px' }}
|
||||||
|
@ -85,9 +85,9 @@ const ServiceInfo: React.FC = () => {
|
|||||||
<h4>At your service</h4>
|
<h4>At your service</h4>
|
||||||
|
|
||||||
<List>
|
<List>
|
||||||
<Item title="Enterprise Plugins" image="/public/img/licensing/plugin_enterprise.svg" />
|
<Item title="Enterprise Plugins" image="public/img/licensing/plugin_enterprise.svg" />
|
||||||
<Item title="Critical SLA: 2 hours" image="/public/img/licensing/sla.svg" />
|
<Item title="Critical SLA: 2 hours" image="public/img/licensing/sla.svg" />
|
||||||
<Item title="Unlimited Expert Support" image="/public/img/licensing/customer_support.svg">
|
<Item title="Unlimited Expert Support" image="public/img/licensing/customer_support.svg">
|
||||||
24x7x365 support via
|
24x7x365 support via
|
||||||
<List nested={true}>
|
<List nested={true}>
|
||||||
<Item title="Email" />
|
<Item title="Email" />
|
||||||
@ -95,7 +95,7 @@ const ServiceInfo: React.FC = () => {
|
|||||||
<Item title="Phone" />
|
<Item title="Phone" />
|
||||||
</List>
|
</List>
|
||||||
</Item>
|
</Item>
|
||||||
<Item title="Hand-in-hand support" image="/public/img/licensing/handinhand_support.svg">
|
<Item title="Hand-in-hand support" image="public/img/licensing/handinhand_support.svg">
|
||||||
in the upgrade process
|
in the upgrade process
|
||||||
</Item>
|
</Item>
|
||||||
</List>
|
</List>
|
||||||
@ -167,7 +167,7 @@ interface ItemProps {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const Item: React.FC<ItemProps> = ({ children, title, image }) => {
|
const Item: React.FC<ItemProps> = ({ children, title, image }) => {
|
||||||
const imageUrl = image ? image : '/public/img/licensing/checkmark.svg';
|
const imageUrl = image ? image : 'public/img/licensing/checkmark.svg';
|
||||||
const itemStyle = css`
|
const itemStyle = css`
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user