From 39c7402aef5186711db5ccfd0c4b1d200ae50ff9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juliette=20Kalfl=C3=A8che?=
 <juliette.kalfleche@student-cs.fr>
Date: Wed, 8 Jun 2022 14:44:12 +0200
Subject: [PATCH] add a top banner

---
 frontend/src/components/Banner.vue | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Banner.vue b/frontend/src/components/Banner.vue
index 1080e09..b319cb9 100644
--- a/frontend/src/components/Banner.vue
+++ b/frontend/src/components/Banner.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="banner">
-   <Text>CaCaoCritics</Text>
+  <img class="logo" alt="Vue logo" src="../assets/logo.png" />
+  <h1 class="text" >CaCaoCritics</h1>
   </div>
 </template>
 
@@ -13,6 +14,22 @@ export default {
 <style>
 .banner {
   text-align: left;
-  background-color: #FF68AD;
+  background-color: #912F56;
+  flex-direction: row;
+  vertical-align: middle;
+  display: flex;
+
+}
+.logo {
+  max-width: 70px;
+  max-height: 70px;
+  margin-right: 20px;
+  margin-top: 15px;
+  margin-left: 20px;
+}
+.text {
+  width: 100px;
+  color: #ffffff;
+  margin-top: 35px;
 }
 </style>
-- 
GitLab