From 6f1c56023a766b5a2a077d022467478b2e6980b8 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Thu, 1 Jun 2023 19:49:34 +0200
Subject: [PATCH] Created the LogArea styles.sass

---
 .../components/LogArea/styles.sass            | 49 +++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 client/src/pages/tools/linux/InstallSoftware/components/ConfigurationArea/components/LogArea/styles.sass

diff --git a/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationArea/components/LogArea/styles.sass b/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationArea/components/LogArea/styles.sass
new file mode 100644
index 0000000..0e760ee
--- /dev/null
+++ b/client/src/pages/tools/linux/InstallSoftware/components/ConfigurationArea/components/LogArea/styles.sass
@@ -0,0 +1,49 @@
+@import "@/common/styles/colors"
+
+.log-area
+  background-color: $black
+  border: 2px solid $dark-gray
+  border-radius: 1rem
+  padding: 1rem 1rem
+  width: 20rem
+
+  .header-area
+    display: flex
+    align-items: center
+    gap: 0.5rem
+    color: $darker-white
+
+    svg
+      font-size: 16pt
+
+    h2
+      margin: 0
+      font-size: 16pt
+
+  .log-items
+    margin-top: 1rem
+    display: flex
+    flex-direction: column
+    gap: 0.5rem
+
+    .log-item
+      display: flex
+      align-items: center
+      gap: 0.6rem
+      color: $darker-white
+
+      svg
+        color: $dark-gray
+        font-size: 20pt
+      p
+        margin: 0
+        font-size: 16pt
+        font-weight: 500
+        overflow: hidden
+        text-overflow: ellipsis
+    .icon-success
+      svg
+        color: $green
+    .icon-failed
+      svg
+        color: $red
\ No newline at end of file