From f31050c0304d8ee423958b62943104717b9a3d5a Mon Sep 17 00:00:00 2001
From: Daria Golova <danalis969@gmail.com>
Date: Thu, 13 Oct 2022 18:41:22 +0300
Subject: [PATCH] =?UTF-8?q?WIP=20=D0=A1=D0=B4=D0=B5=D0=BB=D0=B0=D0=BB?=
 =?UTF-8?q?=D0=B0=20=D1=80=D0=B0=D0=B7=D0=BB=D0=B8=D0=BD=D0=BE=D0=B2=D0=BA?=
 =?UTF-8?q?=D1=83=20=D0=BF=D0=BE=D0=B4=D0=BB=D0=BE=D0=B6=D0=BA=D0=B8=20?=
 =?UTF-8?q?=D0=BA=D0=B0=D0=BB=D0=B5=D0=BD=D0=B4=D0=B0=D1=80=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../calendar/components/CalendarColumn.vue    | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/pages/calendar/components/CalendarColumn.vue b/src/pages/calendar/components/CalendarColumn.vue
index 8385369..d197e16 100644
--- a/src/pages/calendar/components/CalendarColumn.vue
+++ b/src/pages/calendar/components/CalendarColumn.vue
@@ -1,11 +1,14 @@
 <template lang="pug">
-  .calendar-column-wrapper
+  .calendar-column-wrapper.flex.flex-col
     .header.flex.items-center.justify-between.py-2.px-6
       .flex.items-center
         img.avatar-wrapper.mr-2(:src="info.avatar" alt="Team member")
         span.member-name.font-medium.text-base.mr-6 {{ info.name }}
-        img.icon-wrapper(src="@/assets/icons/lock.svg")
-      base-doc-ok-button  
+        img.icon-wrapper.cursor-pointer(src="@/assets/icons/lock.svg")
+      base-doc-ok-button
+    .body.flex.flex-col
+      .line.flex.items-center(v-for="hour in 10" :key="hour")
+        .middle-line
 </template>
 <script>
 import BaseDocOkButton from "@/components/base/buttons/BaseDocOkButton.vue";
@@ -20,9 +23,6 @@ export default {
       },
     },
   },
-  data() {
-    return {};
-  },
 };
 </script>
 
@@ -33,6 +33,7 @@ export default {
 
 .header
   height: 48px
+  border-bottom: 1px solid var(--border-light-grey-color)
 
 .avatar-wrapper
   width: 32px
@@ -44,4 +45,12 @@ export default {
 
 .member-name
   color: var(--font-dark-blue-color)
+
+.line
+  border-bottom: 1px solid var(--border-light-grey-color)
+  height: 62px
+
+.middle-line
+  border-top: 1px dashed var(--border-light-grey-color)
+  width: 100%
 </style>