From f9ba4564e799577a8346f0a7898305275d96e864 Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Sat, 16 Dec 2023 14:10:27 +0100
Subject: [PATCH] [Tabs UI] Force height to `$tab-height`.

---
 platypush/backend/http/webapp/src/components/Action/vars.scss | 2 ++
 platypush/backend/http/webapp/src/components/elements/Tab.vue | 1 +
 platypush/backend/http/webapp/src/style/components.scss       | 2 ++
 3 files changed, 5 insertions(+)

diff --git a/platypush/backend/http/webapp/src/components/Action/vars.scss b/platypush/backend/http/webapp/src/components/Action/vars.scss
index a49e74d737..1b150b9dd0 100644
--- a/platypush/backend/http/webapp/src/components/Action/vars.scss
+++ b/platypush/backend/http/webapp/src/components/Action/vars.scss
@@ -14,3 +14,5 @@ $section-title-bg: rgba(0, 0, 0, .04);
 $params-desktop-width: 30em;
 $params-tablet-width: 20em;
 $request-headers-btn-width: 7.5em;
+$action-tile-bg: linear-gradient(90deg, rgba(9,174,128,1) 0%, rgba(71,226,179,1) 120%);
+$action-tile-fg: white;
diff --git a/platypush/backend/http/webapp/src/components/elements/Tab.vue b/platypush/backend/http/webapp/src/components/elements/Tab.vue
index 7048e6a79b..b3dc8e8382 100644
--- a/platypush/backend/http/webapp/src/components/elements/Tab.vue
+++ b/platypush/backend/http/webapp/src/components/elements/Tab.vue
@@ -33,6 +33,7 @@ export default {
 
 <style lang="scss" scoped>
 .tab {
+  height: $tab-height;
   background: $tab-bg;
   display: flex;
   padding: 1em;
diff --git a/platypush/backend/http/webapp/src/style/components.scss b/platypush/backend/http/webapp/src/style/components.scss
index 322e9c0e8b..c1c2b2b2d8 100644
--- a/platypush/backend/http/webapp/src/style/components.scss
+++ b/platypush/backend/http/webapp/src/style/components.scss
@@ -103,3 +103,5 @@ $nav-height: 2.5em;
   }
 }
 
+// Tabs
+$tab-height: 3.5em;