fix(ui): Made App name font bolder in applications-list rows (#24256)

Signed-off-by: Surajyadav <harrypotter1108@gmail.com>
This commit is contained in:
Suraj yadav
2025-09-11 19:34:36 +05:30
committed by GitHub
parent 762114c6df
commit d54c8afc09
2 changed files with 11 additions and 6 deletions

View File

@@ -1,4 +1,9 @@
.applications-table {
.application-name {
font-weight: bolder;
}
.argo-table-list__row {
line-height: 26px;
padding-top: 4px;

View File

@@ -84,11 +84,6 @@ export const ApplicationsTable = (props: {
<ApplicationURLs urls={app.status.summary.externalURLs} />
</div>
</div>
<div className='show-for-xxlarge columns small-4'>Project:</div>
<div className='columns small-12 xxlarge-6'>{app.spec.project}</div>
</div>
<div className='row'>
<div className=' columns small-2' />
<div className='show-for-xxlarge columns small-4'>Name:</div>
<div className='columns small-12 xxlarge-6'>
<Tooltip
@@ -101,10 +96,15 @@ export const ApplicationsTable = (props: {
</Moment>
</>
}>
<span>{app.metadata.name}</span>
<span className='application-name'>{app.metadata.name}</span>
</Tooltip>
</div>
</div>
<div className='row'>
<div className=' columns small-2' />
<div className='show-for-xxlarge columns small-4'>Project:</div>
<div className='columns small-12 xxlarge-6'>{app.spec.project}</div>
</div>
</div>
<div className='columns small-6'>