Merge pull request #2494 from devtron-labs/fix/cluster-events-theming

fix: theming issue in cluster events
devtron-labs · Feb 25, 2025 · fbed57d · fbed57d
2 parents 33a10d3 + fdfdb26
commit fbed57d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/src/components/v2/appDetails/k8Resource/nodeDetail/NodeDetailTabs/Events.component.tsx b/src/components/v2/appDetails/k8Resource/nodeDetail/NodeDetailTabs/Events.component.tsx
@@ -96,13 +96,11 @@ const EventsComponent = ({
     }
 
     return (
-        <div className={`flexbox-col flex-grow-1 ${getComponentSpecificThemeClass(AppThemeType.dark)}`}>
-            <div
-                className="flex-grow-1"
-                style={{ background: 'var(--terminal-bg)' }}
-            >
-                {renderContent()}
-            </div>
+        <div
+            className="flex-grow-1"
+            style={{ background: 'var(--terminal-bg)' }}
+        >
+            {renderContent()}
         </div>
     )
 }

diff --git a/src/components/v2/appDetails/k8Resource/nodeDetail/NodeDetailTabs/EventsTable.tsx b/src/components/v2/appDetails/k8Resource/nodeDetail/NodeDetailTabs/EventsTable.tsx
@@ -20,6 +20,7 @@ import { MESSAGING_UI } from '../../../../../../config/constants'
 import MessageUI, { MsgUIType } from '../../../../common/message.ui'
 import { EventTableType } from './node.type'
 import { TERMINAL_STATUS, TERMINAL_TEXT } from './terminal/constants'
+import { AppThemeType, getComponentSpecificThemeClass } from '@devtron-labs/devtron-fe-common-lib'
 
 export const EventsTable = ({ loading, eventsList, isResourceBrowserView, errorValue, reconnect }: EventTableType) => {
     const renderEventsTable = () => {
@@ -37,7 +38,7 @@ export const EventsTable = ({ loading, eventsList, isResourceBrowserView, errorV
             return (
                 <div
                     data-testid="app-events-container"
-                    className="text__white dc__overflow-auto"
+                    className={`text__white dc__overflow-auto ${getComponentSpecificThemeClass(AppThemeType.dark)}`}
                     style={{
                         height: isResourceBrowserView ? 'calc(100vh - 119px)' : 'calc(100vh - 155px)',
                     }}