admin/astra-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[WIP] Add window sidebar

Browse Source
This commit is contained in:
megavrilinvv
2022-10-21 21:34:39 +03:00
parent fa9afb63bb
commit bd1e96a552
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/calendar/components/CalendarSidebar.vue
View File

@@ -1,6 +1,6 @@
<template lang="pug"> <template lang="pug">
.sidebar.flex.flex-col.bg-white .sidebar.flex.flex-col.bg-white
.sidebar-wrapper.h-full.my-13px .sidebar-wrapper.h-full.my-13px(:style="{ width: windowSidebar }")
.sidebar-content.items-center.flex.flex-col.gap-y-8.px-4.py-19px .sidebar-content.items-center.flex.flex-col.gap-y-8.px-4.py-19px
base-button-plus base-button-plus
.flex.flex-col.items-center .flex.flex-col.items-center
@@ -38,6 +38,7 @@ export default {
widthSidebarClose: "312px", widthSidebarClose: "312px",
isOpen: false, isOpen: false,
turnButton: "180deg", turnButton: "180deg",
windowSidebar: "72px",
}; };
}, },
computed: { computed: {
@@ -54,14 +55,14 @@ export default {
width: this.isOpen ? this.widthSidebarClose : this.widthSidebarOpen, width: this.isOpen ? this.widthSidebarClose : this.widthSidebarOpen,
}); });
this.turnButton = this.isOpen ? "0deg" : "180deg"; this.turnButton = this.isOpen ? "0deg" : "180deg";
this.windowSidebar = this.isOpen ? "232px" : "72px";
}, },
}, },
}; };
</script> </script>
<style lang="sass" scoped> <style lang="sass" scoped>
.sidebar
width: 72px
.sidebar-wrapper .sidebar-wrapper
border-left: 2px solid var(--btn-blue-color-3) border-left: 2px solid var(--btn-blue-color-3)
.button-plus .button-plus