1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

Use flat headers across details panel tables

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2023-01-19 12:12:33 +03:00
parent d0fbee324f
commit eb375bd540
7 changed files with 6 additions and 10 deletions

View File

@ -78,7 +78,7 @@ const NonInjectedEventDetails = observer(({
<DrawerTitle>Involved object</DrawerTitle>
<Table>
<TableHead>
<TableHead flat>
<TableCell>Name</TableCell>
<TableCell>Namespace</TableCell>
<TableCell>Kind</TableCell>

View File

@ -37,7 +37,7 @@ class NonInjectedIngressDetails extends React.Component<IngressDetailsProps & De
)}
{rule.http && (
<Table className="paths">
<TableHead>
<TableHead flat>
<TableCell className="path">Path</TableCell>
<TableCell className="link">Link</TableCell>
<TableCell className="backends">Backends</TableCell>

View File

@ -46,7 +46,7 @@ class NonInjectedServiceDetailsEndpoint extends React.Component<ServiceDetailsEn
scrollable={false}
className="box grow"
>
<TableHead>
<TableHead flat>
<TableCell className="name" >Name</TableCell>
<TableCell className="endpoints">Endpoints</TableCell>
</TableHead>

View File

@ -38,7 +38,7 @@ export function NodeDetailsResources({ type, node: { status = {}}}: NodeDetailsR
selectable
scrollable={false}
>
<TableHead sticky={false}>
<TableHead sticky={false} flat>
<TableCell className="cpu">CPU</TableCell>
<TableCell className="memory">Memory</TableCell>
<TableCell className="ephemeral-storage">Ephemeral Storage</TableCell>

View File

@ -78,7 +78,7 @@ class NonInjectedDeploymentReplicaSets extends React.Component<DeploymentReplica
sortSyncWithUrl={false}
className="box grow"
>
<TableHead>
<TableHead flat>
<TableCell className="name" sortBy={sortBy.name}>Name</TableCell>
<TableCell className="warning"/>
<TableCell className="namespace" sortBy={sortBy.namespace}>Namespace</TableCell>

View File

@ -190,7 +190,7 @@ class NonInjectedPodDetailsList extends React.Component<PodDetailsListProps & De
)}
className="box grow"
>
<TableHead>
<TableHead flat>
<TableCell className="name" sortBy={sortBy.name}>Name</TableCell>
<TableCell className="warning"/>
<TableCell className="node" sortBy={sortBy.node}>Node</TableCell>

View File

@ -86,9 +86,5 @@
.drawer-content {
overflow: auto;
padding: var(--spacing);
.Table .TableHead {
border-bottom: 1px solid var(--borderFaintColor);
}
}
}