aboutsummaryrefslogtreecommitdiff
path: root/src/components/mobile_nav/mobile_nav.vue
blob: 8f682c399e72c70d74f1cd14fe455ca802335a56 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<template>
  <nav class='nav-bar container' @click="scrollToTop()" id="nav">
    <div class='inner-nav'>
      <div class='item'>
        <a href="#" class="menu-button" @click.stop.prevent="toggleMobileSidebar()">
          <i class="button-icon icon-menu"></i>
        </a>
        <router-link class="site-name" :to="{ name: 'root' }" active-class="home">{{sitename}}</router-link>
      </div>
      <div class='item right'>
        <a href="#" class="menu-button" @click.stop.prevent="toggleMobileNotifications()">
          <i class="button-icon icon-bell-alt"></i>
          <div class="alert-dot" v-if="unseenNotificationsCount"></div>
        </a>
      </div>
    </div>
    <SideDrawer ref="sideDrawer" :logout="logout"/>
    <div class="mobile-notifications" :class="{ 'closed': !notificationsOpen }">
      <Notifications/>
    </div>
  </nav>
</template>

<script src="./mobile_nav.js"></script>

<style lang="scss">


</style>