diff options
| author | Henry Jameson <me@hjkos.com> | 2022-04-04 09:42:52 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2022-04-04 09:42:52 +0300 |
| commit | 0e83ced25b612250d8126778288b7b44f3b91dfc (patch) | |
| tree | deff4bbca2a877fa45321f81dfbbf3a4583f6e42 /src/App.vue | |
| parent | a6134471055935dcbb94d9b2ed69dc8c2cf57832 (diff) | |
refactored how main app layout works
Diffstat (limited to 'src/App.vue')
| -rw-r--r-- | src/App.vue | 31 |
1 files changed, 13 insertions, 18 deletions
diff --git a/src/App.vue b/src/App.vue index b18b3308..dc2359f3 100644 --- a/src/App.vue +++ b/src/App.vue @@ -7,33 +7,28 @@ id="app_bg_wrapper" class="app-bg-wrapper" /> - <MobileNav v-if="isMobileLayout" /> - <DesktopNav v-else /> + <MobileNav class="navbar" v-if="isMobileLayout" /> + <DesktopNav class="navbar" v-else /> <div class="app-bg-wrapper app-container-wrapper" /> <div id="content" - class="container underlay" + class="app-layout container" > + <div class="underlay"/> <div - class="sidebar-flexer mobile-hidden" + class="column -scrollable -mini mobile-hidden" :style="sidebarAlign" > - <div class="sidebar-bounds"> - <div class="sidebar-scroller"> - <div class="sidebar"> - <user-panel /> - <div v-if="!isMobileLayout"> - <nav-panel /> - <instance-specific-panel v-if="showInstanceSpecificPanel" /> - <features-panel v-if="!currentUser && showFeaturesPanel" /> - <who-to-follow-panel v-if="currentUser && suggestionsEnabled" /> - <notifications v-if="currentUser" /> - </div> - </div> - </div> + <user-panel /> + <div v-if="!isMobileLayout"> + <nav-panel /> + <instance-specific-panel v-if="showInstanceSpecificPanel" /> + <features-panel v-if="!currentUser && showFeaturesPanel" /> + <who-to-follow-panel v-if="currentUser && suggestionsEnabled" /> + <notifications v-if="currentUser" /> </div> </div> - <div class="main"> + <div class="column main"> <div v-if="!currentUser" class="login-hint panel panel-default" |