diff options
| author | shpuld <shp@cock.li> | 2018-12-20 22:20:04 +0200 |
|---|---|---|
| committer | shpuld <shp@cock.li> | 2018-12-20 22:20:04 +0200 |
| commit | 67263cde05cacd6bf2a8941cce4c562ef88977e4 (patch) | |
| tree | e2c16bcb643d6286752672ec92db73be7e86bb21 /src/App.vue | |
| parent | 640a28789222035f8d500b8dd4bfc4c9f0cdd1af (diff) | |
| parent | 562c68a51c9746650fabfc5c641816396439c791 (diff) | |
works but hacky
Diffstat (limited to 'src/App.vue')
| -rw-r--r-- | src/App.vue | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/src/App.vue b/src/App.vue index fddc63da..2effc983 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,6 +1,6 @@ <template> <div id="app" v-bind:style="style"> - <nav class='container' @click="scrollToTop()" id="nav"> + <nav class='nav-bar container' @click="scrollToTop()" id="nav"> <div class='logo' :style='logoBgStyle'> <div class='mask' :style='logoMaskStyle'></div> <img :src='logo' :style='logoStyle'> @@ -13,10 +13,10 @@ <router-link class="site-name" :to="{ name: 'root' }" active-class="home">{{sitename}}</router-link> </div> <div class='item right'> - <a href="#" @click.prevent="toggleMobileSidebar()"><i class="icon-menu"></i></a> - <user-finder class="nav-icon" @toggled="onFinderToggled"></user-finder> - <router-link @click.native="activatePanel('timeline')" :to="{ name: 'settings'}"><i class="icon-cog nav-icon" :title="$t('nav.preferences')"></i></router-link> - <a href="#" v-if="currentUser" @click.prevent="logout"><i class="icon-logout nav-icon" :title="$t('login.logout')"></i></a> + <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> </div> </div> </nav> @@ -24,7 +24,7 @@ <div v-if="" class="container" id="content"> - <side-drawer :activatePanel="activatePanel" :closed="!showMobileSidebar"></side-drawer> + <side-drawer :activatePanel="activatePanel" :closed="!showMobileSidebar" :clickoutside="toggleMobileSidebar"></side-drawer> <!-- <button @click="activatePanel(mobileViews.postStatus)">post status</button> <button @click="activatePanel(mobileViews.notifications)">notifs</button> @@ -34,12 +34,12 @@ <div class="sidebar-bounds"> <div class="sidebar-scroller"> <div class="sidebar"> - <user-panel :activatePanel="activatePanel" :class="mobileShowOnlyIn(mobileViews.postStatus)"></user-panel> + <user-panel :activatePanel="activatePanel" :class="mobileShowOnlyIn('poststatus')"></user-panel> <nav-panel :activatePanel="activatePanel" class="mobile-hidden"></nav-panel> <instance-specific-panel v-if="showInstanceSpecificPanel" class="mobile-hidden"></instance-specific-panel> <features-panel v-if="!currentUser"></features-panel> <who-to-follow-panel v-if="currentUser && suggestionsEnabled"></who-to-follow-panel> - <notifications :activatePanel="activatePanel" v-if="currentUser" :class="mobileShowOnlyIn(mobileViews.notifications)"></notifications> + <notifications :activatePanel="activatePanel" v-if="currentUser" :class="mobileShowOnlyIn('notifications')"></notifications> </div> </div> </div> |