WIP Изменила сайдбар приложения

src/pages/newCalendar/TheCalendar.vue

@@ -1,16 +1,18 @@
 <template lang="pug">
-  .calendar-container.flex
+  .w-full.flex.gap-x-2
     calendar-open-sidebar(v-if="isOpen", :open-sidebar="openSidebar")
     calendar-sidebar(v-else, :open-sidebar="openSidebar")
+    calendar-wrapper
 </template>
 
 <script>
 import CalendarSidebar from "@/pages/newCalendar/components/CalendarSidebar";
 import CalendarOpenSidebar from "@/pages/newCalendar/components/CalendarOpenSidebar";
+import CalendarWrapper from "@/pages/newCalendar/components/CalendarWrapper";
 
 export default {
   name: "TheCalendar",
-  components: { CalendarSidebar, CalendarOpenSidebar },
+  components: { CalendarSidebar, CalendarOpenSidebar, CalendarWrapper },
   data() {
     return {
       isOpen: false,
@@ -23,8 +25,3 @@ export default {
   },
 };
 </script>
-
-<style lang="sass" scoped>
-.calendar-container
-  width: calc(100vw - 80px)
-</style>