diff --git a/src/renderer/components/+events/kube-event-details.scss b/src/renderer/components/+events/kube-event-details.module.scss similarity index 91% rename from src/renderer/components/+events/kube-event-details.scss rename to src/renderer/components/+events/kube-event-details.module.scss index 4e781eaf2e..4e6b9cd5a0 100644 --- a/src/renderer/components/+events/kube-event-details.scss +++ b/src/renderer/components/+events/kube-event-details.module.scss @@ -22,8 +22,8 @@ } } } - - .no-items { - text-align: center; - } +} + +.empty { + opacity: 0.6; } diff --git a/src/renderer/components/+events/kube-event-details.tsx b/src/renderer/components/+events/kube-event-details.tsx index aef3bf7b10..80c6938630 100644 --- a/src/renderer/components/+events/kube-event-details.tsx +++ b/src/renderer/components/+events/kube-event-details.tsx @@ -3,7 +3,7 @@ * Licensed under MIT License. See LICENSE in root directory for more information. */ -import "./kube-event-details.scss"; +import styles from "./kube-event-details.module.scss"; import React from "react"; import { disposeOnUnmount, observer } from "mobx-react"; @@ -57,14 +57,14 @@ class NonInjectedKubeEventDetails extends React.Component - + Events {events.length > 0 && ( -
+
{events.map(event => ( -
-
+
+
{event.message}
@@ -85,6 +85,11 @@ class NonInjectedKubeEventDetails extends React.Component )} + {events.length === 0 && ( +
+ No events found +
+ )}
); }