Skip to content

Commit 9dd817f

Browse files
font and colour fixed for all headers.
1 parent 3e57927 commit 9dd817f

File tree

4 files changed

+54
-30
lines changed

4 files changed

+54
-30
lines changed

src/ui/layouts/pipelines/Pipelines/List/getHeaderCols.tsx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ export const getHeaderCols = ({
5151
},
5252
{
5353
render: () => (
54-
<Paragraph size="small" color="black">
54+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
5555
ID
5656
</Paragraph>
5757
),
@@ -79,7 +79,7 @@ export const getHeaderCols = ({
7979
},
8080
{
8181
render: () => (
82-
<Paragraph size="small" color="black">
82+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
8383
NAME
8484
</Paragraph>
8585
),
@@ -106,7 +106,7 @@ export const getHeaderCols = ({
106106
},
107107
{
108108
render: () => (
109-
<Paragraph size="small" color="black">
109+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
110110
STATUS
111111
</Paragraph>
112112
),
@@ -116,7 +116,7 @@ export const getHeaderCols = ({
116116

117117
{
118118
render: () => (
119-
<Paragraph size="small" color="black">
119+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
120120
AUTHOR
121121
</Paragraph>
122122
),
@@ -173,7 +173,7 @@ export const getHeaderCols = ({
173173
},
174174
{
175175
render: () => (
176-
<Paragraph size="small" color="black">
176+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
177177
CREATED AT
178178
</Paragraph>
179179
),

src/ui/layouts/pipelines/RunsTable/HeaderCols/index.tsx

Lines changed: 37 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ export const useHeaderCols = ({
7070
{
7171
render: () => (
7272
<FlexBox justifyContent="center">
73-
<Paragraph size="small" color="grey">
73+
<Paragraph size="small" color="grey" style={{ fontSize: '12px' }}>
7474
{/* <LinkBox
7575
onClick={() => {
7676
if (allRunsSelected(runs)) {
@@ -115,7 +115,11 @@ export const useHeaderCols = ({
115115
activeSorting={activeSorting}
116116
activeSortingDirection={activeSortingDirection}
117117
>
118-
<Paragraph size="small" color="grey">
118+
<Paragraph
119+
size="small"
120+
color="black"
121+
style={{ fontSize: '12px' }}
122+
>
119123
RUN ID
120124
</Paragraph>
121125
</SortingHeader>
@@ -147,7 +151,7 @@ export const useHeaderCols = ({
147151
},
148152
{
149153
render: () => (
150-
<Paragraph size="small" color="grey">
154+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
151155
RUN NAME
152156
</Paragraph>
153157
),
@@ -187,7 +191,11 @@ export const useHeaderCols = ({
187191
activeSorting={activeSorting}
188192
activeSortingDirection={activeSortingDirection}
189193
>
190-
<Paragraph size="small" color="grey">
194+
<Paragraph
195+
size="small"
196+
color="black"
197+
style={{ fontSize: '12px' }}
198+
>
191199
STATUS
192200
</Paragraph>
193201
</SortingHeader>
@@ -218,7 +226,11 @@ export const useHeaderCols = ({
218226
activeSorting={activeSorting}
219227
activeSortingDirection={activeSortingDirection}
220228
>
221-
<Paragraph size="small" color="grey">
229+
<Paragraph
230+
size="small"
231+
color="black"
232+
style={{ fontSize: '12px' }}
233+
>
222234
CREATED AT
223235
</Paragraph>
224236
</SortingHeader>
@@ -258,7 +270,7 @@ export const useHeaderCols = ({
258270
{
259271
render: () => (
260272
<FlexBox justifyContent="center">
261-
<Paragraph size="small" color="grey">
273+
<Paragraph size="small" color="grey" style={{ fontSize: '12px' }}>
262274
{/* <LinkBox
263275
onClick={() => {
264276
if (allRunsSelected(runs)) {
@@ -303,7 +315,11 @@ export const useHeaderCols = ({
303315
activeSorting={activeSorting}
304316
activeSortingDirection={activeSortingDirection}
305317
>
306-
<Paragraph size="small" color="grey">
318+
<Paragraph
319+
size="small"
320+
color="black"
321+
style={{ fontSize: '12px' }}
322+
>
307323
RUN ID
308324
</Paragraph>
309325
</SortingHeader>
@@ -332,7 +348,7 @@ export const useHeaderCols = ({
332348
},
333349
{
334350
render: () => (
335-
<Paragraph size="small" color="grey">
351+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
336352
RUN NAME
337353
</Paragraph>
338354
),
@@ -361,7 +377,7 @@ export const useHeaderCols = ({
361377
},
362378
{
363379
render: () => (
364-
<Paragraph size="small" color="grey">
380+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
365381
PIPELINE NAME
366382
</Paragraph>
367383
),
@@ -417,7 +433,11 @@ export const useHeaderCols = ({
417433
activeSorting={activeSorting}
418434
activeSortingDirection={activeSortingDirection}
419435
>
420-
<Paragraph size="small" color="grey">
436+
<Paragraph
437+
size="small"
438+
color="black"
439+
style={{ fontSize: '12px' }}
440+
>
421441
STATUS
422442
</Paragraph>
423443
</SortingHeader>
@@ -428,7 +448,7 @@ export const useHeaderCols = ({
428448
},
429449
{
430450
render: () => (
431-
<Paragraph size="small" color="grey">
451+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
432452
STACK NAME
433453
</Paragraph>
434454
),
@@ -473,7 +493,7 @@ export const useHeaderCols = ({
473493

474494
{
475495
render: () => (
476-
<Paragraph size="small" color="grey">
496+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
477497
{translate('author.text')}
478498
</Paragraph>
479499
),
@@ -545,7 +565,11 @@ export const useHeaderCols = ({
545565
activeSorting={activeSorting}
546566
activeSortingDirection={activeSortingDirection}
547567
>
548-
<Paragraph size="small" color="grey">
568+
<Paragraph
569+
size="small"
570+
color="black"
571+
style={{ fontSize: '12px' }}
572+
>
549573
{translate('createdAt.text')}
550574
</Paragraph>
551575
</SortingHeader>

src/ui/layouts/stacks/RunsTable/HeaderCols/index.tsx

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,7 @@ export const useHeaderCols = ({
7878
activeSorting={activeSorting}
7979
activeSortingDirection={activeSortingDirection}
8080
>
81-
<Paragraph size="small" color="black">
81+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
8282
RUN ID
8383
</Paragraph>
8484
</SortingHeader>
@@ -107,7 +107,7 @@ export const useHeaderCols = ({
107107
},
108108
{
109109
render: () => (
110-
<Paragraph size="small" color="black">
110+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
111111
RUN NAME
112112
</Paragraph>
113113
),
@@ -134,7 +134,7 @@ export const useHeaderCols = ({
134134
},
135135
{
136136
render: () => (
137-
<Paragraph size="small" color="black">
137+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
138138
PIPELINE NAME
139139
</Paragraph>
140140
),
@@ -185,7 +185,7 @@ export const useHeaderCols = ({
185185
activeSorting={activeSorting}
186186
activeSortingDirection={activeSortingDirection}
187187
>
188-
<Paragraph size="small" color="grey">
188+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
189189
STATUS
190190
</Paragraph>
191191
</SortingHeader>
@@ -196,7 +196,7 @@ export const useHeaderCols = ({
196196

197197
{
198198
render: () => (
199-
<Paragraph size="small" color="black">
199+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
200200
STACK NAME
201201
</Paragraph>
202202
),
@@ -237,7 +237,7 @@ export const useHeaderCols = ({
237237

238238
{
239239
render: () => (
240-
<Paragraph size="small" color="black">
240+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
241241
AUTHOR
242242
</Paragraph>
243243
),
@@ -295,7 +295,7 @@ export const useHeaderCols = ({
295295
activeSorting={activeSorting}
296296
activeSortingDirection={activeSortingDirection}
297297
>
298-
<Paragraph size="small" color="black">
298+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
299299
CREATED
300300
</Paragraph>
301301
</SortingHeader>

src/ui/layouts/stacks/Stacks/List/getHeaderCols.tsx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ export const getHeaderCols = ({
5252
},
5353
{
5454
render: () => (
55-
<Paragraph size="small" color="black">
55+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
5656
ID
5757
</Paragraph>
5858
),
@@ -81,7 +81,7 @@ export const getHeaderCols = ({
8181
},
8282
{
8383
render: () => (
84-
<Paragraph size="small" color="black">
84+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
8585
NAME
8686
</Paragraph>
8787
),
@@ -116,7 +116,7 @@ export const getHeaderCols = ({
116116
},
117117
{
118118
render: () => (
119-
<Paragraph size="small" color="black">
119+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
120120
SHARED
121121
</Paragraph>
122122
),
@@ -165,7 +165,7 @@ export const getHeaderCols = ({
165165

166166
{
167167
render: () => (
168-
<Paragraph size="small" color="black">
168+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
169169
AUTHOR
170170
</Paragraph>
171171
),
@@ -212,7 +212,7 @@ export const getHeaderCols = ({
212212
},
213213
{
214214
render: () => (
215-
<Paragraph size="small" color="black">
215+
<Paragraph size="small" color="black" style={{ fontSize: '12px' }}>
216216
CREATED AT
217217
</Paragraph>
218218
),

0 commit comments

Comments
 (0)