diff options
| author | Roger Braun <roger@rogerbraun.net> | 2017-01-17 17:27:39 +0100 |
|---|---|---|
| committer | Roger Braun <roger@rogerbraun.net> | 2017-01-17 17:27:39 +0100 |
| commit | c7a375068d3337144dde85fabf4b4d5a874d70a0 (patch) | |
| tree | a2df61ab329811a0417fe920ec7406b435f31213 /src/App.vue | |
| parent | 4213d84b4da2c8b2ba705f7733e9b65cdc8fa53f (diff) | |
Basic mobile panel switcher.
Diffstat (limited to 'src/App.vue')
| -rw-r--r-- | src/App.vue | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/src/App.vue b/src/App.vue index 5da469b5..5d5463fb 100644 --- a/src/App.vue +++ b/src/App.vue @@ -9,12 +9,16 @@ </div> </nav> <div class="container" id="content"> - <div class="sidebar"> + <div class="panel-switcher"> + <button @click="activatePanel('sidebar')">Sidebar</button> + <button @click="activatePanel('timeline')">Timeline</button> + </div> + <div class="sidebar" :class="{ 'mobile-hidden': mobileActivePanel != 'sidebar' }"> <user-panel></user-panel> <nav-panel></nav-panel> <notifications v-if="currentUser"></notifications> </div> - <div class="main"> + <div class="main" :class="{ 'mobile-hidden': mobileActivePanel != 'timeline' }"> <transition name="fade"> <router-view></router-view> </transition> |