🎨 Split ChatsWindow component

Creation of the Navbar and Conversation components.
2024-01-01 21:52:31 +01:00
parent a8d343ce3a
commit a7cf0f681a
6 changed files with 276 additions and 252 deletions
--- a/src/components/chats_window/navbar.scss
+++ b/src/components/chats_window/navbar.scss
@@ -0,0 +1,26 @@
+@import "../../_base.scss"
+
+.navbar {
+	height: 55%;
+	padding-left: 2%;
+	padding-right: 2%;
+
+	background: linear-gradient(180deg, #A9D3E0, #F0F9FA);
+
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+
+	button {
+		@extend .aeroButton;
+		padding-right: 2%;
+	}
+
+	.flex-right-aero-button {
+		margin-left: auto;
+	}
+
+	.flex-last-button {
+		margin: 0;
+	}
+}