From 052cc1a5a4668d7cb17fb273a022aa5b820d1faa Mon Sep 17 00:00:00 2001
From: Sam Nystrom <sam@samnystrom.dev>
Date: Wed, 13 Mar 2024 05:03:22 +0000
Subject: refactor: move styles into separate components

---
 src/components/Header.css | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 src/components/Header.css

(limited to 'src/components/Header.css')

diff --git a/src/components/Header.css b/src/components/Header.css
new file mode 100644
index 0000000..ef1dd60
--- /dev/null
+++ b/src/components/Header.css
@@ -0,0 +1,21 @@
+@scope (.__Header) {
+	:scope {
+		height: 3rem;
+		border-bottom: 1px solid var(--overlay);
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+
+		> .title {
+			font-weight: 500;
+			width: fit-content;
+		}
+
+		nav {
+			height: 100%;
+			display: flex;
+			flex-direction: row;
+		}
+	}
+}
\ No newline at end of file
-- 
cgit v1.2.3