From be5894fec9131e96d645b6c7d416c78b0777c2af Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Tue, 23 May 2023 19:55:50 +0200
Subject: [PATCH] Created the IntegrationItemHeader.jsx styles.sass

---
 .../IntegrationItemHeader/styles.sass         | 61 +++++++++++++++++++
 1 file changed, 61 insertions(+)
 create mode 100644 client/src/common/components/IntegrationDialog/components/IntegrationItem/components/IntegrationItemHeader/styles.sass

diff --git a/client/src/common/components/IntegrationDialog/components/IntegrationItem/components/IntegrationItemHeader/styles.sass b/client/src/common/components/IntegrationDialog/components/IntegrationItem/components/IntegrationItemHeader/styles.sass
new file mode 100644
index 00000000..48050857
--- /dev/null
+++ b/client/src/common/components/IntegrationDialog/components/IntegrationItem/components/IntegrationItemHeader/styles.sass
@@ -0,0 +1,61 @@
+@import "@/common/styles/colors"
+
+.integration-item-header
+  display: flex
+  justify-content: space-between
+
+.integration-item-left
+  display: flex
+  align-items: center
+  gap: 0.5rem
+
+  svg
+    width: 1.8rem
+    height: 1.8rem
+
+.integration-title-container h3
+  margin: 0
+  font-size: 17px
+  text-overflow: ellipsis
+  overflow: hidden
+  white-space: nowrap
+  max-width: 11rem
+
+.integration-item-activity
+  display: flex
+  align-items: center
+  gap: 0.3rem
+  .integration-item-activity-circle
+    width: 0.5rem
+    height: 0.5rem
+    border-radius: 5rem
+  p
+    margin: 0
+    font-size: 11pt
+    font-weight: 500
+
+.circle-error
+  background-color: $red
+
+.circle-inactive
+  background-color: $gray
+
+.circle-active
+  background-color: $green
+
+.integration-item-right
+  display: flex
+  align-items: center
+  gap: 0.8rem
+
+.integration-item-right svg
+  width: 1.5rem
+  height: 3rem
+  cursor: pointer
+  font-weight: 1000
+
+.integration-green:hover
+  color: $green-hover
+
+.integration-red:hover
+  color: $red-hover
\ No newline at end of file