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