diff --git a/grafana-plugin/src/assets/img/github_star.svg b/grafana-plugin/src/assets/img/github_star.svg new file mode 100644 index 00000000..9a69aed0 --- /dev/null +++ b/grafana-plugin/src/assets/img/github_star.svg @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/grafana-plugin/src/components/NavBar/NavBarSubtitle.module.css b/grafana-plugin/src/components/NavBar/NavBarSubtitle.module.css index 360f2acc..61c1346a 100644 --- a/grafana-plugin/src/components/NavBar/NavBarSubtitle.module.css +++ b/grafana-plugin/src/components/NavBar/NavBarSubtitle.module.css @@ -1,20 +1,21 @@ -:root { - --orange: #F5B73D; -} - .navbar-container { display: flex; align-items: center; } .navbar-star-icon { - fill: var(--orange); + margin-right: 4px; } .navbar-heading { padding: 4px; - margin-left: 8px; + margin: 0 0 0 8px; border: 1px solid var(--gray-9); width: initial; font-size: 12px; } + +.navbar-link { + display: flex; + align-items: center; +} \ No newline at end of file diff --git a/grafana-plugin/src/components/NavBar/NavBarSubtitle.tsx b/grafana-plugin/src/components/NavBar/NavBarSubtitle.tsx index 8edf9c3d..283e7807 100644 --- a/grafana-plugin/src/components/NavBar/NavBarSubtitle.tsx +++ b/grafana-plugin/src/components/NavBar/NavBarSubtitle.tsx @@ -1,10 +1,11 @@ import React from 'react'; + import cn from 'classnames/bind'; - import { Card, Icon } from '@grafana/ui'; - import { APP_SUBTITLE } from 'utils/consts'; +import gitHubStarSVG from 'assets/img/github_star.svg'; + import styles from './NavBarSubtitle.module.css'; const cx = cn.bind(styles); @@ -14,8 +15,8 @@ function NavBarSubtitle() {