diff options
| author | shpuld <shp@cock.li> | 2019-03-12 23:50:54 +0200 |
|---|---|---|
| committer | shpuld <shp@cock.li> | 2019-03-12 23:50:54 +0200 |
| commit | 7ce8fe92141cde52e3f47d555bd6c604e1a673ed (patch) | |
| tree | 226eff9fcc01b2b2675c37075a7ab9056466060c /src/App.vue | |
| parent | c7e180080afd0e255e439030df800f79d33ff5de (diff) | |
| parent | f397537642a6b8a4079d8d45d835ddd50f2d2b4a (diff) | |
merge develop, add mobile nav component
Diffstat (limited to 'src/App.vue')
| -rw-r--r-- | src/App.vue | 23 |
1 files changed, 9 insertions, 14 deletions
diff --git a/src/App.vue b/src/App.vue index d83d5dbe..54155831 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,36 +1,24 @@ <template> <div id="app" v-bind:style="bgAppStyle"> <div class="app-bg-wrapper" v-bind:style="bgStyle"></div> - <nav class='nav-bar container' @click="scrollToTop()" id="nav"> + <MobileNav v-if="isMobileLayout" /> + <nav v-else class='nav-bar container' @click="scrollToTop()" id="nav"> <div class='logo' :style='logoBgStyle'> <div class='mask' :style='logoMaskStyle'></div> <img :src='logo' :style='logoStyle'> </div> <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'> <user-finder class="button-icon nav-icon mobile-hidden" @toggled="onFinderToggled"></user-finder> <router-link class="mobile-hidden" :to="{ name: 'settings'}"><i class="button-icon icon-cog nav-icon" :title="$t('nav.preferences')"></i></router-link> <a href="#" class="mobile-hidden" v-if="currentUser" @click.prevent="logout"><i class="button-icon icon-logout nav-icon" :title="$t('login.logout')"></i></a> - <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> </nav> <div v-if="" class="container" id="content"> - <div v-if="isMobileLayout"> - <side-drawer ref="sideDrawer" :logout="logout"></side-drawer> - <div class="mobile-notifications" :class="{ 'closed': !notificationsOpen }"> - <notifications/> - </div> - </div> <div class="sidebar-flexer mobile-hidden" v-if="!isMobileLayout"> <div class="sidebar-bounds"> <div class="sidebar-scroller"> @@ -58,6 +46,13 @@ <media-modal></media-modal> </div> <chat-panel :floating="true" v-if="currentUser && chat" class="floating-chat mobile-hidden"></chat-panel> + <div v-if="isMobileLayout"> + <side-drawer ref="sideDrawer" :logout="logout"></side-drawer> + <div class="mobile-notifications" :class="{ 'closed': !notificationsOpen }"> + <notifications/> + </div> + </div> + <MobilePostStatusModal /> </div> </template> |