Jack Zhou 3 недель назад
Родитель
Сommit
4c7ab1edfc

+ 4 - 0
src/styles/theme.scss

@@ -393,6 +393,8 @@
 
   --color-calendar-disabled-date-text: #b5b9bf;
   --color-delivery-calendar-th-bg: #f6f8fa;
+
+  --color-delivery-date-picker-cell-bg: #b3e5d4;
 }
 
 :root.dark {
@@ -658,5 +660,7 @@
 
   --color-calendar-disabled-date-text: rgba(240, 241, 243, 0.3);
   --color-delivery-calendar-th-bg: #343a43;
+
+  --color-delivery-date-picker-cell-bg: #22584c;
 }
   

+ 13 - 1
src/views/DestinationDelivery/src/components/CreateNewBooking/src/CreateNewbooking.vue

@@ -263,7 +263,7 @@ const getCurrentStyle = (current: any) => {
   const dateString = current.format('YYYY.MM.DD')
   if (specialDates.value != undefined && specialDates.value.includes(dateString)) {
     return {
-      background: '#b3e5d4',
+      background: 'var(--color-delivery-date-picker-current-cell-bg)',
       borderRadius: '6px',
       color: `var(--color-neutral-1)`
     }
@@ -943,6 +943,7 @@ onMounted(() => {
             :format="userStore.dateFormat"
             valueFormat="YYYY.MM.DD"
             placeholder="Please Select Date"
+            class="delivery-date-picker"
           >
             <template #renderExtraFooter>
               <div class="recommended">
@@ -1786,3 +1787,14 @@ div.warning-header .font_family {
   color: #e9b227;
 }
 </style>
+<style lang="scss">
+.delivery-date-picker {
+  .ant-picker-cell-inner {
+    width: 24px !important;
+    margin: 0 auto !important;
+    &[style] {
+      background: var(--color-delivery-date-picker-current-cell-bg) !important;
+    }
+  }
+}
+</style>