1
0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-21 21:33:18 +01:00

fix: tries to fix a scroll bug in mobile

This commit is contained in:
Amir Raminfar
2019-12-29 15:05:02 -08:00
parent 541227494f
commit cc99eaa819
2 changed files with 8 additions and 2 deletions

View File

@@ -1,7 +1,7 @@
<template lang="html">
<main>
<mobile-menu v-if="isMobile"></mobile-menu>
<splitpanes @resized="updateSetting({ menuWidth: $event[0].size })">
<splitpanes @resized="onResize($event)">
<pane min-size="10" :size="settings.menuWidth" v-if="!isMobile">
<side-menu></side-menu>
</pane>
@@ -75,7 +75,12 @@ export default {
fetchContainerList: "FETCH_CONTAINERS",
removeActiveContainer: "REMOVE_ACTIVE_CONTAINER",
updateSetting: "UPDATE_SETTING"
})
}),
onResize(e) {
if (e.length == 2) {
this.updateSetting({ menuWidth: Math.min(90, e[0].size) });
}
}
}
};
</script>

View File

@@ -67,6 +67,7 @@ section {
main {
flex: 1;
overflow: auto;
overscroll-behavior: none;
}
.scroll-bar-notification {
text-align: right;