From 6d49021220f0d86f5778dee5d03ffcce07585234 Mon Sep 17 00:00:00 2001 From: James Lyne Date: Mon, 10 Jan 2022 19:36:06 +0000 Subject: [PATCH] Refactor sidebar sections - Rename CollapsibleSection to SidebarSection with a collapsible prop - Move section__content element to SidebarSection - Move sidebar section styling to SidebarSection --- src/components/sidebar/SidebarSection.vue | 11 ++--------- 1 file changed, 2 insertions(+), 9 deletions(-) diff --git a/src/components/sidebar/SidebarSection.vue b/src/components/sidebar/SidebarSection.vue index b9ac83f..afa1506 100644 --- a/src/components/sidebar/SidebarSection.vue +++ b/src/components/sidebar/SidebarSection.vue @@ -43,7 +43,7 @@ import {defineComponent} from "@vue/runtime-core"; import SvgIcon from "@/components/SvgIcon.vue"; import '@/assets/icons/arrow.svg'; import {MutationTypes} from "@/store/mutation-types"; -import {computed, ref} from "vue"; +import {computed} from "vue"; export default defineComponent({ name: 'SidebarSection', @@ -64,12 +64,7 @@ export default defineComponent({ const store = useStore(), title = computed(() => store.state.messages.toggleTitle), collapsed = computed(() => store.state.ui.sidebar[props.name].collapsed), - customPosition = computed(() => store.state.ui.sidebar[props.name].customPosition), - customSize = computed(() => store.state.ui.sidebar[props.name].customSize), - smallScreen = computed(() => store.state.ui.smallScreen), - - offsetX = ref(0), - offsetY = ref(0); + smallScreen = computed(() => store.state.ui.smallScreen); const toggle = () => { if(!props.collapsible) { @@ -82,8 +77,6 @@ export default defineComponent({ return { title, collapsed, - customPosition, - customSize, smallScreen, toggle, }