From 5102320c2eb62c8a90c89f4e1771ce13aea87d6e Mon Sep 17 00:00:00 2001
From: kimdoeun <kdeun1@ex-em.com>
Date: Fri, 30 Oct 2020 13:49:08 +0900
Subject: [PATCH] =?UTF-8?q?[#687]=20DatePicker=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EA=B0=9C=EB=B0=9C=20################=20-?=
 =?UTF-8?q?=20Calendar=20css=20=EC=88=98=EC=A0=95=20(=EB=AA=85=ED=99=95?=
 =?UTF-8?q?=ED=95=9C=20=ED=81=B4=EB=9E=98=EC=8A=A4=EB=AA=85=EC=9C=BC?=
 =?UTF-8?q?=EB=A1=9C=20=EC=A7=80=EC=A0=95)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/calendar/Calendar.vue | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/calendar/Calendar.vue b/src/components/calendar/Calendar.vue
index 472b8215f..a1f117003 100644
--- a/src/components/calendar/Calendar.vue
+++ b/src/components/calendar/Calendar.vue
@@ -4,15 +4,16 @@
       <div class="ev-calendar-header">
         <div>
           <i
-            class="ev-icon-s-arrow-left"
+            class="ev-icon-s-arrow-left move-month-arrow"
             @click="clickPrevNextBtn('main', 'prev')"
           />
         </div>
         <span class="ev-calendar-year">{{ mainCalendarPageInfo.year }}</span>
         <span class="ev-calendar-month">{{ mainCalendarMonth }}</span>
-        <div :class="{ disabled: isContinuousMonths }">
+        <div>
           <i
-            class="ev-icon-s-arrow-right"
+            class="ev-icon-s-arrow-right move-month-arrow"
+            :class="{ disabled: isContinuousMonths }"
             @click="clickPrevNextBtn('main', 'next')"
           />
         </div>
@@ -68,9 +69,10 @@
       class="ev-calendar-date-area"
     >
       <div class="ev-calendar-header">
-        <div :class="{ disabled: isContinuousMonths }">
+        <div>
           <i
-            class="ev-icon-s-arrow-left"
+            class="ev-icon-s-arrow-left move-month-arrow"
+            :class="{ disabled: isContinuousMonths }"
             @click="clickPrevNextBtn('expanded', 'prev')"
           />
         </div>
@@ -78,7 +80,7 @@
         <span class="ev-calendar-month">{{ expandedCalendarMonth }}</span>
         <div>
           <i
-            class="ev-icon-s-arrow-right"
+            class="ev-icon-s-arrow-right move-month-arrow"
             @click="clickPrevNextBtn('expanded', 'next')"
           />
         </div>
@@ -343,12 +345,9 @@ export default {
     width: 20px;
     flex: 1;
     text-align: center;
-    &.disabled i {
-      color: #C0C4CC;
-    }
   }
 
-  i {
+  .move-month-arrow {
     width: 20px;
     height: 20px;
     line-height: 20px;
@@ -358,6 +357,9 @@ export default {
     &:hover {
       color: #3C81F6;
     }
+    &.disabled {
+      color: #C0C4CC;
+    }
   }
 
   span {