From 4a4b5bd74383a958f381cb56fbce4e3a0d6589be Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Mon, 13 Nov 2023 13:10:36 +0100
Subject: [PATCH] Created the Header.jsx styles.sass

---
 .../Manage/components/Header/styles.sass      | 51 +++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 src/states/Manage/components/Header/styles.sass

diff --git a/src/states/Manage/components/Header/styles.sass b/src/states/Manage/components/Header/styles.sass
new file mode 100644
index 0000000..b36fcfd
--- /dev/null
+++ b/src/states/Manage/components/Header/styles.sass
@@ -0,0 +1,51 @@
+@import "@/common/styles/colors"
+
+header
+  display: flex
+  justify-content: space-between
+  align-items: center
+  padding: 1rem
+
+header .action-area
+  display: flex
+  align-items: center
+  gap: 0.5rem
+
+  user-select: none
+
+.action-area .user-card
+  display: flex
+  align-items: center
+  background-color: $black
+
+  height: 3.5rem
+  border-radius: 3rem
+  padding: 0 1rem
+  gap: 0.5rem
+
+  & img
+    width: 2.5rem
+    height: 2.5rem
+    border-radius: 50%
+
+  & h1
+    font-size: 1.7rem
+    color: $text
+
+.action-area .logout-btn
+  display: flex
+  justify-content: center
+  align-items: center
+  background-color: $black
+  color: $error
+  border: none
+  font-size: 26pt
+  border-radius: 5rem
+  height: 3.5rem
+  width: 3.5rem
+  cursor: pointer
+  transition: 0.2s
+
+  &:hover
+    background-color: $error
+    color: $black
\ No newline at end of file