feat: add logo to navbar (#280)

* feat: add logo to navbar * chore: fix code style
AEGEE · Mar 27, 2020 · a9d93cd · a9d93cd · dilyanpalauzov · Apr 7, 2020
1 parent 4743a47
commit a9d93cd
Show file tree

Hide file tree

Showing 2 changed files with 780 additions and 1 deletion.
diff --git a/src/components/layout/Navbar.vue b/src/components/layout/Navbar.vue
@@ -4,7 +4,9 @@
       <a class="navbar-item is-hidden-tablet" @click="toggleSidebar({opened: !sidebar.opened})">
         <font-awesome-icon icon="bars" aria-hidden="true" v-show="!sidebar.hidden" />
       </a>
-      <!-- AEGEE logo would be here -->
+      <a href="/" class="logo">
+        <img src="../../images/AEGEE_logo.svg" class="image">
+      </a>
       <a role="button" class="navbar-burger burger" @click="toggleNavbarMenu({opened: !navbar.menuOpened})">
         <span aria-hidden="true">
           <font-awesome-icon icon="user" />
@@ -73,6 +75,15 @@ export default {
     margin: auto 10px;
   }
 
+  /* for the logo in the navbar */
+  .logo {
+    .image {
+      height: 52px;
+      padding: 3px;
+      padding-left: 10px;
+    }
+  }
+
   .navbar-burger {
     span {
       height: 0;