+
@@ -20,6 +23,11 @@ import SideBar from './Contents/SideBar'
export default {
name: 'contents',
+ data() {
+ return {
+ sidebarWidth: 360
+ }
+ },
components: {
SideBar
},
@@ -30,13 +38,27 @@ export default {
...mapState('TimelineSpace/Contents/SideBar', {
openSideBar: state => state.openSideBar
}),
- ...mapGetters('TimelineSpace/Modals', ['modalOpened'])
+ ...mapGetters('TimelineSpace/Modals', ['modalOpened']),
+ customWidth: function() {
+ return {
+ '--current-sidebar-width': `${this.sidebarWidth}px`
+ }
+ }
+ },
+ methods: {
+ resize(event) {
+ if (event.clientX) {
+ this.sidebarWidth = window.innerWidth - event.clientX
+ }
+ }
}
}
diff --git a/src/renderer/components/TimelineSpace/Contents/SideBar.vue b/src/renderer/components/TimelineSpace/Contents/SideBar.vue
index ca4009fe..5b1fab79 100644
--- a/src/renderer/components/TimelineSpace/Contents/SideBar.vue
+++ b/src/renderer/components/TimelineSpace/Contents/SideBar.vue
@@ -1,6 +1,6 @@
-