GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-07 12:59:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: fixed broken header style in dashboard detail page (#5154)

Browse Source
This commit is contained in:
SagarRajput-7 2024-06-05 22:17:28 +05:30 committed by GitHub
parent e5f96ac896
commit 35c054835a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 53 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/container/NewDashboard/DashboardDescription/Description.styles.scss
View File

@ -53,10 +53,15 @@
padding: 0px; padding: 0px;
} }
.dashboard-header {
border-bottom: 1px solid var(--bg-slate-400);
display: flex;
justify-content: space-between;
align-items: center;
.dashboard-breadcrumbs { .dashboard-breadcrumbs {
height: 48px; height: 48px;
padding: 16px; padding: 16px;
border-bottom: 1px solid var(--bg-slate-400);
display: flex; display: flex;
gap: 6px; gap: 6px;
align-items: center; align-items: center;
@ -102,6 +107,7 @@
color: var(--bg-robin-300); color: var(--bg-robin-300);
} }
} }
}
.dashbord-details { .dashbord-details {
display: flex; display: flex;
@ -562,13 +568,14 @@
.dashboard-description-container { .dashboard-description-container {
color: var(--bg-ink-400); color: var(--bg-ink-400);
.dashboard-breadcrumbs { .dashboard-header {
border-bottom: 1px solid var(--bg-vanilla-300); border-bottom: 1px solid var(--bg-vanilla-300);
.dashboard-breadcrumbs {
.dashboard-btn { .dashboard-btn {
color: var(--bg-ink-400); color: var(--bg-ink-400);
} }
} }
}
.dashbord-details { .dashbord-details {
.left-section { .left-section {

15
frontend/src/container/NewDashboard/DashboardDescription/index.tsx
View File

@ -1,16 +1,7 @@
import './Description.styles.scss'; import './Description.styles.scss';
import { PlusOutlined } from '@ant-design/icons'; import { PlusOutlined } from '@ant-design/icons';
import { import { Button, Card, Input, Modal, Popover, Tag, Typography } from 'antd';
Button,
Card,
Flex,
Input,
Modal,
Popover,
Tag,
Typography,
} from 'antd';
import FacingIssueBtn from 'components/facingIssueBtn/FacingIssueBtn'; import FacingIssueBtn from 'components/facingIssueBtn/FacingIssueBtn';
import { dashboardHelpMessage } from 'components/facingIssueBtn/util'; import { dashboardHelpMessage } from 'components/facingIssueBtn/util';
import { SOMETHING_WENT_WRONG } from 'constants/api'; import { SOMETHING_WENT_WRONG } from 'constants/api';
@ -261,7 +252,7 @@ function DashboardDescription(props: DashboardDescriptionProps): JSX.Element {
return ( return (
<Card className="dashboard-description-container"> <Card className="dashboard-description-container">
<Flex justify="space-between" align="center"> <div className="dashboard-header">
<section className="dashboard-breadcrumbs"> <section className="dashboard-breadcrumbs">
<Button <Button
type="text" type="text"
@ -297,7 +288,7 @@ function DashboardDescription(props: DashboardDescriptionProps): JSX.Element {
buttonText="Facing issues with dashboards?" buttonText="Facing issues with dashboards?"
onHoverText="Click here to get help with dashboard details" onHoverText="Click here to get help with dashboard details"
/> />
</Flex> </div>
<section className="dashbord-details"> <section className="dashbord-details">
<div className="left-section"> <div className="left-section">
<img <img