Skip to content
This repository was archived by the owner on May 13, 2025. It is now read-only.

Commit ce3c5e6

Browse files
Koustavd18Koustavd18
authored
Udpate Title based on page (#356)
1 parent da8a5cf commit ce3c5e6

File tree

3 files changed

+71
-66
lines changed

3 files changed

+71
-66
lines changed

‎src/components/Header/styles/HelpModal.module.css

Lines changed: 67 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -1,111 +1,112 @@
11
.container {
2-
height: 100%;
3-
width: 100%;
2+
height: 100%;
3+
width: 100%;
44
}
55

66
.aboutTitle {
77
font-size: 1.5rem;
88
font-weight: 600;
9-
text-align: center;
9+
text-align: center;
1010
}
1111

1212
.parseableText {
13-
color: #FC466B;
14-
font-weight: 600;
13+
color: #fc466b;
14+
font-weight: 600;
1515
}
1616

1717
.aboutDescription {
18-
font-size: 1rem;
19-
text-align: center;
20-
color: #868e96;
21-
margin-top: 0.75rem;
18+
font-size: 1rem;
19+
text-align: center;
20+
color: #868e96;
21+
margin-top: 0.75rem;
2222

23-
&::after {
24-
content: '';
25-
border-radius: 0.5rem;
26-
display: block;
27-
background-color: #FC466B;
28-
width: 6.25rem;
29-
height: 0.125rem;
30-
margin-top: 0.75rem;
31-
margin-left: auto;
32-
margin-right: auto;
33-
margin-bottom: 0.75rem;
34-
}
23+
&::after {
24+
content: '';
25+
border-radius: 0.5rem;
26+
display: block;
27+
background-color: #fc466b;
28+
width: 6.25rem;
29+
height: 0.125rem;
30+
margin-top: 0.75rem;
31+
margin-left: auto;
32+
margin-right: auto;
33+
margin-bottom: 0.75rem;
34+
}
3535
}
3636

3737
.aboutTextBox {
38-
margin-top: 0.75rem;
39-
margin-bottom: 0.75rem;
40-
width: 100%;
41-
display: flex;
42-
border-radius: 0.5rem;
43-
border: 0.0625rem solid rgba(0, 0, 0, 0.05);
44-
padding: 1rem;
45-
flex-direction: column;
38+
margin-top: 0.75rem;
39+
margin-bottom: 0.75rem;
40+
width: 100%;
41+
display: flex;
42+
border-radius: 0.5rem;
43+
border: 0.0625rem solid rgba(0, 0, 0, 0.05);
44+
padding: 1rem;
45+
flex-direction: column;
4646
}
4747

4848
.aboutTextInnerBox {
49-
display: flex;
50-
width: 100%;
51-
align-items: center;
52-
margin-top: 0.625rem;
53-
margin-bottom: 0.625rem;
49+
display: flex;
50+
width: 100%;
51+
align-items: center;
52+
margin-top: 0.625rem;
53+
margin-bottom: 0.625rem;
5454
}
5555

5656
.aboutTextKey {
57-
font-size: 0.875rem;
58-
color: #343a40;
59-
line-height: normal;
60-
width: 15%;
57+
font-size: 0.875rem;
58+
color: #343a40;
59+
line-height: normal;
60+
width: 15%;
6161
}
6262

6363
.aboutTextValue {
64-
font-size: 0.875rem;
65-
color: #868e96;
66-
line-height: normal;
67-
width: 85%;
64+
font-size: 0.875rem;
65+
color: #868e96;
66+
line-height: normal;
67+
width: 85%;
6868
}
6969

7070
.helpTitle {
71-
font-size: 1rem;
72-
text-align: center;
73-
color: #495057;
74-
font-weight: 700;
71+
font-size: 1rem;
72+
text-align: center;
73+
color: #495057;
74+
font-weight: 700;
7575
}
7676

7777
.HelpIconBox {
78-
&:hover {
79-
color: #1F288E;
80-
transform: scale(1.4);
81-
}
82-
height: 34px;
83-
transition: transform 0.2s ease-in-out;
84-
width: 34px;
85-
padding: 0;
86-
margin-inline-end: 0.625rem;
87-
background-color: #FFFFFF;
88-
color: #495057;
89-
border: 0.0625rem solid rgba(0, 0, 0, 0.05);
78+
&:hover {
79+
color: #ffffff;
80+
background-color: #545beb;
81+
transform: scale(1.02);
82+
}
83+
height: 34px;
84+
transition: transform 0.2s ease-in-out;
85+
width: 34px;
86+
padding: 0;
87+
margin-inline-end: 0.625rem;
88+
background-color: #ffffff;
89+
color: #495057;
90+
border: 0.0625rem solid rgba(0, 0, 0, 0.05);
9091
}
9192

9293
.helpIconContainer {
93-
display: flex;
94-
align-items: center;
95-
width: 100%;
96-
justify-content: center;
94+
display: flex;
95+
align-items: center;
96+
width: 100%;
97+
justify-content: center;
9798
}
9899

99100
.actionBtn {
100-
color: #545BEB;
101+
color: #545beb;
101102
border-radius: 0.5rem;
102-
border: 1px solid #E0E0E0;
103+
border: 1px solid #e0e0e0;
103104
position: absolute;
104105
right: 2.25rem;
105-
transform: transform .2s ease-in-out;
106+
transform: transform 0.2s ease-in-out;
106107
&:hover {
107108
transform: scale(1.03);
108-
color: #FC466B;
109+
color: #fc466b;
109110
background-color: white;
110111
}
111112
}

‎src/pages/Dashboards/index.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ import CreateTileForm from './CreateTileForm';
1111
import { useSyncTimeRange } from './hooks';
1212
import _ from 'lodash';
1313
import useParamsController from './hooks/useParamsController';
14+
import { useDocumentTitle } from '@mantine/hooks';
1415

1516
const LoadingView = () => {
1617
return (
@@ -21,6 +22,7 @@ const LoadingView = () => {
2122
};
2223

2324
const Dashboards = () => {
25+
useDocumentTitle('Parseable | Dashboards');
2426
const [dashboards] = useDashboardsStore((store) => store.dashboards);
2527
const [createTileFormOpen] = useDashboardsStore((store) => store.createTileFormOpen);
2628
const { isStoreSynced } = useParamsController();

‎src/pages/Systems/index.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,10 @@ import { FC } from 'react';
33
import { useAbout } from '@/hooks/useGetAbout';
44
import Cluster from './Cluster';
55
import { useAppStore } from '@/layouts/MainLayout/providers/AppProvider';
6+
import { useDocumentTitle } from '@mantine/hooks';
67

78
const Systems: FC = () => {
9+
useDocumentTitle('Parseable | Cluster');
810
const { getAboutIsLoading, getAboutIsError } = useAbout();
911
const [isStandAloneMode] = useAppStore((store) => store.isStandAloneMode);
1012
if (getAboutIsLoading || getAboutIsError || isStandAloneMode !== false) return null;

0 commit comments

Comments
 (0)