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

fix: fixed trace funnel - header style overriding other pages (#7512)

Browse Source 
* fix: fixed trace funnel - header style overriding other pages

* fix: fixed trace funnel - header style overriding other pages

* fix: handled nesting
This commit is contained in:
SagarRajput-7 2025-04-03 12:59:39 +05:30 committed by GitHub
parent f67555576f
commit 8df77c9221
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/pages/TracesFunnels/components/Header/Header.styles.scss
View File

@ -1,9 +1,9 @@
.header { .traces-funnels-header {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 4px; gap: 4px;
&__title { .traces-funnels-header-title {
color: var(--bg-vanilla-100); color: var(--bg-vanilla-100);
font-size: 18px; font-size: 18px;
font-style: normal; font-style: normal;
@ -13,7 +13,7 @@
margin: 0; margin: 0;
} }
&__subtitle { .traces-funnels-header-subtitle {
color: var(--bg-vanilla-400); color: var(--bg-vanilla-400);
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
@ -21,12 +21,12 @@
} }
.lightMode { .lightMode {
.header { .traces-funnels-header {
&__title { .traces-funnels-header-title {
color: var(--bg-ink-500); color: var(--bg-ink-500);
} }
&__subtitle { .traces-funnels-header-subtitle {
color: var(--bg-ink-400); color: var(--bg-ink-400);
} }
} }

8
frontend/src/pages/TracesFunnels/components/Header/Header.tsx
View File

@ -1,8 +1,10 @@
function Header(): JSX.Element { function Header(): JSX.Element {
return ( return (
<div className="header"> <div className="traces-funnels-header">
<div className="header__title">Funnels</div> <div className="traces-funnels-header-title">Funnels</div>
<div className="header__subtitle">Create and manage tracing funnels.</div> <div className="traces-funnels-header-subtitle">
Create and manage tracing funnels.
</div>
</div> </div>
); );
} }