From aa397b9730720391077c97a0b637749c0be3d702 Mon Sep 17 00:00:00 2001
From: Alex Grozav <alex@grozav.com>
Date: Fri, 10 May 2024 18:12:04 +0300
Subject: [PATCH] fix(editor): Fix unwanted side effects from tailwind
 components (no-changelog) (#9359)

---
 .../components/MainHeader/WorkflowDetails.vue  | 18 +++++++++---------
 .../src/components/TagsManager/NoTagsView.vue  |  6 ++++--
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue b/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue
index f433a077ba..02b8cd4e75 100644
--- a/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue
+++ b/packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue
@@ -519,7 +519,7 @@ function goToUpgrade() {
 </script>
 
 <template>
-	<div class="container">
+	<div :class="$style.container">
 		<BreakpointsObserver :value-x-s="15" :value-s-m="25" :value-m-d="50" class="name-container">
 			<template #default="{ value }">
 				<ShortenName
@@ -665,14 +665,6 @@ function goToUpgrade() {
 $--text-line-height: 24px;
 $--header-spacing: 20px;
 
-.container {
-	position: relative;
-	top: -1px;
-	width: 100%;
-	display: flex;
-	align-items: center;
-}
-
 .name-container {
 	margin-right: $--header-spacing;
 }
@@ -729,6 +721,14 @@ $--header-spacing: 20px;
 </style>
 
 <style module lang="scss">
+.container {
+	position: relative;
+	top: -1px;
+	width: 100%;
+	display: flex;
+	align-items: center;
+}
+
 .group {
 	display: flex;
 	gap: var(--spacing-xs);
diff --git a/packages/editor-ui/src/components/TagsManager/NoTagsView.vue b/packages/editor-ui/src/components/TagsManager/NoTagsView.vue
index 074e647d1a..3651ab08a4 100644
--- a/packages/editor-ui/src/components/TagsManager/NoTagsView.vue
+++ b/packages/editor-ui/src/components/TagsManager/NoTagsView.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="container">
+	<div :class="$style.container">
 		<el-col class="notags" :span="16">
 			<div class="icon">🗄️</div>
 			<div>
@@ -25,7 +25,7 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss" module>
 $--footer-spacing: 45px;
 
 .container {
@@ -34,7 +34,9 @@ $--footer-spacing: 45px;
 	align-items: center;
 	margin-top: $--footer-spacing;
 }
+</style>
 
+<style lang="scss" scoped>
 .notags {
 	word-break: normal;
 	text-align: center;