Remove non component classes (#2783)

epicmaxco · Dec 9, 2022 · beca11e · beca11e
1 parent 126b2ee
commit beca11e
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 4 deletions.
diff --git a/packages/ui/src/components/va-counter/VaCounter.vue b/packages/ui/src/components/va-counter/VaCounter.vue
@@ -25,7 +25,7 @@
     </template>
 
     <template v-else #prependInner="slotScope">
-      <div @mousedown.prevent="focus">
+      <div @mousedown.prevent="focus" class="va-counter__prepend-inner">
         <slot name="decreaseAction" v-bind="{ ...slotScope, decreaseCount }">
           <va-button v-bind="decreaseIconProps" />
         </slot>
@@ -49,7 +49,7 @@
     </template>
 
     <template v-else #appendInner="slotScope">
-      <div @mousedown.prevent="focus">
+      <div @mousedown.prevent="focus" class="va-counter__append-inner">
         <slot name="increaseAction" v-bind="{ ...slotScope, increaseCount }">
           <va-button v-bind="increaseIconProps" />
         </slot>
@@ -439,5 +439,12 @@ export default defineComponent({
       padding-right: 0;
     }
   }
+
+  &__prepend-inner,
+  &__append-inner {
+    display: flex;
+    align-items: stretch;
+    height: 100%;
+  }
 }
 </style>
diff --git a/...ges/ui/src/components/va-date-picker/components/VaDatePickerHeader/VaDatePickerHeader.vue b/...ges/ui/src/components/va-date-picker/components/VaDatePickerHeader/VaDatePickerHeader.vue
@@ -32,7 +32,7 @@
           <slot name="year" v-bind="{ year: syncView.year }">{{ syncView.year }}</slot>
 
           <slot v-if="syncView.type === 'day'" name="month" v-bind="{ month: syncView.month }">
-            <span class="ml-1">{{ monthNames[syncView.month] }}</span>
+            <span class="va-date-picker__header__month">{{ monthNames[syncView.month] }}</span>
           </slot>
         </va-button>
       </slot>
@@ -113,6 +113,10 @@ export default defineComponent({
     &__text {
       color: currentColor;
     }
+
+    &__month {
+      margin-left: 0.25rem;
+    }
   }
 }
 </style>
diff --git a/packages/ui/src/components/va-modal/VaModal.vue b/packages/ui/src/components/va-modal/VaModal.vue
@@ -91,7 +91,7 @@
                       v-if="$props.cancelText"
                       preset="secondary"
                       color="secondary"
-                      class="mr-3"
+                      class="va-modal__default-cancel-button"
                       @click="cancel"
                     >
                       {{ tp($props.cancelText) }}
@@ -533,6 +533,10 @@ export default defineComponent({
     z-index: 1;
   }
 
+  &__default-cancel-button {
+    margin-right: 0.75rem;
+  }
+
   &__footer {
     margin-top: auto;
     min-height: fit-content;