diff --git a/src/components/MainMenu/MainMenu.vue b/src/components/MainMenu/MainMenu.vue
index 6d74631..81caa19 100644
--- a/src/components/MainMenu/MainMenu.vue
+++ b/src/components/MainMenu/MainMenu.vue
@@ -44,10 +44,12 @@
-
-
@@ -66,14 +67,19 @@ export default defineComponent({
setup () {
const $q = useQuasar()
- // const cachedPages = ref(['feed', 'notifications', 'messages'])
-
+ $q.screen.setSizes({
+ // FIXME Needs to be in sync with assets/variables.scss
+ sm: 414,
+ md: 755,
+ lg: 1113,
+ xl: 1310,
+ })
return $q
},
data() {
return {
- cachedPages: ['Feed', 'Notifications', 'Messages'],
+ cachedPages: ['Feed', 'Notifications', 'Messages', 'Inbox', 'Settings', 'DevTools'],
middlePagePos: {},
broadcastChannel: new BroadcastChannel('hamstr'),
activeWindow: false,
@@ -118,8 +124,8 @@ export default defineComponent({
// setup scrolling
// document.querySelector('#left-drawer').addEventListener('wheel', this.redirectScroll)
- this.$router.beforeEach((to, from) => { this.preserveScrollPos(to, from) })
- this.$router.afterEach((to, from) => { this.restoreScrollPos(to, from) })
+ // this.$router.beforeEach((to, from) => { this.preserveScrollPos(to, from) })
+ // this.$router.afterEach((to, from) => { this.restoreScrollPos(to, from) })
// destroy streams before unloading window
window.onbeforeunload = async () => {
@@ -147,7 +153,7 @@ export default defineComponent({
},
scrollToRect(rect) {
- let offset = Math.max(rect.top, 0) - 78
+ let offset = Math.max(rect.top, 0)
setVerticalScrollPosition(this.scrollingContainer, offset, 0)
},
@@ -355,6 +361,12 @@ export default defineComponent({
fill: #fff;
}
}
+ .mobile-menu-backdrop {
+ z-index: 750;
+ pointer-events: all;
+ outline: 0;
+ background: rgba(0, 0, 0, 0.4);
+ }
}
}
diff --git a/src/pages/Feed.vue b/src/pages/Feed.vue
index 408a698..6a63ec8 100644
--- a/src/pages/Feed.vue
+++ b/src/pages/Feed.vue
@@ -1,24 +1,28 @@
-
-