hendrik/lens
1
0 Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Add styles for details panel

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev committed 2023-04-11 15:10:26 +03:00
1 parent 6564f89db8
commit 88f832012d
2 files changed
+14 -4
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/core/src/renderer/components/+config-mutating-webhook-configurations/mutating-webhook-configs-details.module.css
+9
View File
@@ -0,0 +1,9 @@
.matchLabels {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
.lastItem + .firstItem {
margin-top: 1rem;
}
packages/core/src/renderer/components/+config-mutating-webhook-configurations/mutating-webhook-configurations-details.tsx
+5 -4
View File
@@ -2,6 +2,7 @@
* Copyright (c) OpenLens Authors. All rights reserved.
* Licensed under MIT License. See LICENSE in root directory for more information.
*/
import styles from "./mutating-webhook-configs-details.module.css";
import React from "react";
import { observer } from "mobx-react";
@@ -29,7 +30,7 @@ export class MutatingWebhookDetails extends React.Component<MutatingWebhookDetai
)}
{webhookConfig.getWebhooks()?.map((webhook) => (
<React.Fragment key={webhook.name}>
<DrawerItem name="Name">
<DrawerItem name="Name" className={styles.firstItem}>
<strong>{webhook.name}</strong>
</DrawerItem>
<DrawerItem name="Client Config">
@@ -92,7 +93,7 @@ export class MutatingWebhookDetails extends React.Component<MutatingWebhookDetai
{webhook.namespaceSelector.matchLabels && (
<div>
<div>Match Labels:</div>
<div style={{ display: "flex", gap: "0.5rem", flexWrap: "wrap" }}>
<div className={styles.matchLabels}>
{Object.entries(webhook.namespaceSelector.matchLabels).map(([key, value], index) => (
<Badge label={`${key}=${value}`} key={index} />
))}
@@ -128,7 +129,7 @@ export class MutatingWebhookDetails extends React.Component<MutatingWebhookDetai
{webhook.objectSelector.matchLabels && (
<div>
<div>Match Labels:</div>
<div style={{ display: "flex", gap: "0.5rem", flexWrap: "wrap" }}>
<div className={styles.matchLabels}>
{Object.entries(webhook.objectSelector.matchLabels).map(([key, value], index) => (
<Badge label={`${key}=${value}`} key={index} />
))}
@@ -138,7 +139,7 @@ export class MutatingWebhookDetails extends React.Component<MutatingWebhookDetai
</div>
)}
</DrawerItem>
<DrawerItem name="Rules">
<DrawerItem name="Rules" className={styles.lastItem}>
{webhook.rules?.map((rule, index) => (
<div key={index}>
<div>