-
- {{ s__('PerformanceBar|Host') }}
+
+ {{ s__('PerformanceBar|Host') }}
+
{{ hostInfo }}
diff --git a/app/assets/javascripts/performance_bar/components/performance_bar_app.vue b/app/assets/javascripts/performance_bar/components/performance_bar_app.vue
index 99d149e770c..c48dcb5b8e1 100644
--- a/app/assets/javascripts/performance_bar/components/performance_bar_app.vue
+++ b/app/assets/javascripts/performance_bar/components/performance_bar_app.vue
@@ -138,6 +138,18 @@ export default {
this.store.findRequest(this.currentRequestId).fullUrl,
);
},
+ backgroundClass() {
+ if (this.env === 'production') {
+ return 'gl-bg-neutral-950';
+ }
+ if (this.env === 'staging') {
+ return 'gl-bg-purple-950 dark:gl-bg-purple-50';
+ }
+ if (this.env === 'development') {
+ return 'gl-bg-red-900 dark:gl-bg-red-50';
+ }
+ return 'gl-bg-neutral-1000';
+ },
},
created() {
if (!this.showZoekt) {
@@ -167,7 +179,7 @@ export default {
};
-
+
- {{
- s__('PerformanceBar|Trace')
- }}
+ {{ s__('PerformanceBar|Trace') }}
{{ s__('PerformanceBar|Wall') }}{{ s__('PerformanceBar|CPU') }}{{ s__('PerformanceBar|Object') }}{{ s__('PerformanceBar|Memory report') }}{{ s__('PerformanceBar|Stats') }}
-
+