[WIP] Добавил чекбоксы на страницу расписания, правка стилей

src/pages/schedule/components/ScheduleTableHeader.vue

@@ -1,6 +1,7 @@
 <template lang="pug">
   .table-header.flex.w-full.pr-2.pl-6
-    .flex.items-center.pr-9.justify-between(
+    q-checkbox(v-model="selectedAll", @click="select", size="32px")
+    .flex.items-center.pr-9.justify-between.px-4(
       :style="{minWidth: '357px', maxWidth: '357px'}"
     )
       .text.font-semibold.text-sm Сотрудники
@@ -9,7 +10,7 @@
         size="12px",
         style="color: var(--font-dark-blue-color)"
       )
-    .flex
+    .flex.pl-4
       .flex.items-center.justify-center.w-11(
         v-for="day in result",
         :class="{'column-color': changeColumnColor(day)}",
@@ -26,7 +27,11 @@
 <script>
 export default {
   name: "ScheduleTableHeader",
-  props: { result: Array },
+  props: {
+    result: Array,
+    selectedAll: Boolean,
+    select: Function,
+  },
   methods: {
     changeColumnColor(day) {
       return day.format("ddd") === "сб" || day.format("ddd") === "вс"
@@ -47,6 +52,10 @@ export default {
 </script>
 
 <style lang="sass" scoped>
+.q-checkbox :deep(.q-checkbox__bg)
+  border-radius: 4px
+  border: 1px solid var(--font-grey-color)
+
 .text
   color: var(--font-grey-color)