fix(time-picker): [time-picker] updata tag sass

opentiny · Oct 21, 2024 · 0ca0257 · 0ca0257
1 parent 30aa296
commit 0ca0257
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 2 deletions.
diff --git a/packages/theme-saas/src/time-range/index.less b/packages/theme-saas/src/time-range/index.less
@@ -34,4 +34,44 @@
   &__body {
     @apply border-r border-r-color-bg-3;
   }
+
+  &__footer {
+    @apply border-t border-t-color-bg-3;
+    @apply py-3 px-4;
+    @apply h-14;
+    @apply leading-8;
+    @apply box-border;
+    @apply flex;
+    @apply justify-between;
+  }
+
+  &__btn {
+    @apply border-none;
+    @apply leading-7;
+    min-width: 72px;
+    @apply h-7;
+    @apply cursor-pointer;
+    @apply bg-transparent;
+    @apply outline-0;
+    @apply p-0;
+    @apply m-0;
+    @apply rounded;
+    @apply text-xs;
+
+    &.cancel {
+      @apply text-color-brand;
+      @apply text-left;
+      @apply rounded;
+    }
+
+    &.confirm {
+      @apply text-color-text-inverse;
+      @apply bg-color-brand;
+      @apply rounded;
+
+      &:hover {
+        @apply bg-color-brand-hover;
+      }
+    }
+  }
 }
diff --git a/packages/vue/src/time-range/src/pc.vue b/packages/vue/src/time-range/src/pc.vue
@@ -78,7 +78,7 @@
       <div class="tiny-time-range-picker__footer">
         <tiny-button
           v-if="!state.showTimePickerRangeButton"
-          class="tiny-time-range-picker__btn"
+          class="tiny-time-range-picker__btn cancel"
           @click="handleCancel()"
         >
           {{ t('ui.datepicker.cancel') }}

diff --git a/packages/vue/src/time/src/pc.vue b/packages/vue/src/time/src/pc.vue
@@ -36,7 +36,7 @@
         </time-spinner>
       </div>
       <div class="tiny-time-panel__footer">
-        <tiny-button v-if="!state.showTimePickerButton" class="tiny-time-panel__btn" @click="handleCancel()">
+        <tiny-button v-if="!state.showTimePickerButton" class="tiny-time-panel__btn cancel" @click="handleCancel()">
           {{ t('ui.datepicker.cancel') }}
         </tiny-button>
         <tiny-button