diff options
| author | shpuld <shp@cock.li> | 2018-12-23 19:50:19 +0200 |
|---|---|---|
| committer | shpuld <shp@cock.li> | 2018-12-23 19:50:19 +0200 |
| commit | e46b560ead02ab5d9df8edbb997c56b835aa21d4 (patch) | |
| tree | 5dc1fb27ff7f41639316de370b80d2e229049465 /src/App.vue | |
| parent | f72b1d048e636c0637dfb1469c32875bcacce61f (diff) | |
move closing logic to drawer, add swipe to close
Diffstat (limited to 'src/App.vue')
| -rw-r--r-- | src/App.vue | 14 |
1 files changed, 4 insertions, 10 deletions
diff --git a/src/App.vue b/src/App.vue index 55cac52c..59398a34 100644 --- a/src/App.vue +++ b/src/App.vue @@ -14,9 +14,9 @@ </div> <div class='item right'> <a href="#" @click.stop.prevent="toggleMobileSidebar()"><i class="button-icon icon-menu"></i></a> - <user-finder class="button-icon nav-icon" @toggled="onFinderToggled"></user-finder> - <router-link @click.native="activatePanel('timeline')" :to="{ name: 'settings'}"><i class="button-icon icon-cog nav-icon" :title="$t('nav.preferences')"></i></router-link> - <a href="#" v-if="currentUser" @click.prevent="logout"><i class="button-icon icon-logout nav-icon" :title="$t('login.logout')"></i></a> + <user-finder class="button-icon nav-icon mobile-hidden" @toggled="onFinderToggled"></user-finder> + <router-link class="mobile-hidden" @click.native="activatePanel('timeline')" :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> </div> </div> </nav> @@ -25,17 +25,11 @@ <div v-if="" class="container" id="content"> <side-drawer + ref="sideDrawer" :activatePanel="activatePanel" - :closed="!showMobileSidebar" - :clickoutside="toggleMobileSidebar" :logout="logout" > </side-drawer> - <!-- - <button @click="activatePanel(mobileViews.postStatus)">post status</button> - <button @click="activatePanel(mobileViews.notifications)">notifs</button> - <button @click="activatePanel(mobileViews.timeline)">timeline</button> - --> <div class="sidebar-flexer"> <div class="sidebar-bounds"> <div class="sidebar-scroller"> |