Enterprise: Links that inform about enterprise auth options (#106627)
* Enterprise: Links that inform about enterprise auth options * Update * fix¨ * Update links * brand color badge * update language * Update * Update
This commit is contained in:
@@ -13,7 +13,7 @@ import { Icon } from '../Icon/Icon';
|
||||
import { Tooltip } from '../Tooltip/Tooltip';
|
||||
import { PopoverContent } from '../Tooltip/types';
|
||||
|
||||
export type BadgeColor = 'blue' | 'red' | 'green' | 'orange' | 'purple' | 'darkgrey';
|
||||
export type BadgeColor = 'blue' | 'red' | 'green' | 'orange' | 'purple' | 'darkgrey' | 'brand';
|
||||
|
||||
export interface BadgeProps extends HTMLAttributes<HTMLDivElement> {
|
||||
text?: React.ReactNode;
|
||||
@@ -71,6 +71,12 @@ const getStyles = (theme: GrafanaTheme2, color: BadgeColor) => {
|
||||
textColor = tinycolor(sourceColor).darken(20).toString();
|
||||
}
|
||||
|
||||
if (color === 'brand') {
|
||||
bgColor = theme.colors.gradients.brandHorizontal;
|
||||
borderColor = 'transparent';
|
||||
textColor = theme.colors.primary.contrastText;
|
||||
}
|
||||
|
||||
return {
|
||||
wrapper: css({
|
||||
display: 'inline-flex',
|
||||
|
||||
Reference in New Issue
Block a user