quasar-ui-sellmate-ui-kit 3.11.1 → 3.11.2

package/src/components/SRadio.vue

@@ -1,78 +1,78 @@
-<template>
-  <q-radio
-    dense
-    color="positive"
-    class="s-radio"
-    :class="length >= 3 ? 'radio-margin-sm' : 'radio-margin-lg'"
-    size="12px"
-  />
-</template>
-
-<script>
-import { QRadio } from 'quasar';
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'SRadio',
-  components: {
-    QRadio,
-  },
-  props: {
-    length: Number,
-  },
-});
-</script>
-
-<style lang="scss">
-@import '../css/quasar.variables.scss';
-
-.s-radio {
-  & > .q-radio__inner {
-    min-width: $default-icon-size;
-    width: $default-icon-size;
-    height: $default-icon-size;
-    color: $Grey_Default;
-    &:before {
-      opacity: 0 !important;
-    }
-    &:hover {
-      color: $positive;
-    }
-  }
-  .q-radio__label {
-    padding-left: $default-icon-margin;
-    color: $Grey_Darken-4;
-    line-height: $default-content-height;
-  }
-  &[aria-checked="true"] {
-    .q-radio__inner {
-      .q-radio__bg {
-        .q-radio__check {
-          transform: scale3d(1.2, 1.2, 1);
-        }
-      }
-    }
-  }
-}
-.disabled.s-radio {
-  opacity: 1 !important;
-  border: none;
-  background: none !important;
-  .q-radio__inner {
-    color: $Grey_Lighten-2 !important;
-    background: $Grey_Lighten-4;
-  }
-}
-.radio-margin-sm {
-  margin-right: 20px;
-  &:last-of-type {
-    margin-right: 0;
-  }
-}
-.radio-margin-lg {
-  margin-right: 40px;
-  &:last-of-type {
-    margin-right: 0;
-  }
-}
-</style>
+<template>
+  <q-radio
+    dense
+    color="positive"
+    class="s-radio"
+    :class="length >= 3 ? 'radio-margin-sm' : 'radio-margin-lg'"
+    size="12px"
+  />
+</template>
+
+<script>
+import { QRadio } from 'quasar';
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'SRadio',
+  components: {
+    QRadio,
+  },
+  props: {
+    length: Number,
+  },
+});
+</script>
+
+<style lang="scss">
+@import '../css/quasar.variables.scss';
+
+.s-radio {
+  & > .q-radio__inner {
+    min-width: $default-icon-size;
+    width: $default-icon-size;
+    height: $default-icon-size;
+    color: $Grey_Default;
+    &:before {
+      opacity: 0 !important;
+    }
+    &:hover {
+      color: $positive;
+    }
+  }
+  .q-radio__label {
+    padding-left: $default-icon-margin;
+    color: $Grey_Darken-4;
+    line-height: $default-content-height;
+  }
+  &[aria-checked="true"] {
+    .q-radio__inner {
+      .q-radio__bg {
+        .q-radio__check {
+          transform: scale3d(1.2, 1.2, 1);
+        }
+      }
+    }
+  }
+}
+.disabled.s-radio {
+  opacity: 1 !important;
+  border: none;
+  background: none !important;
+  .q-radio__inner {
+    color: $Grey_Lighten-2 !important;
+    background: $Grey_Lighten-4;
+  }
+}
+.radio-margin-sm {
+  margin-right: 20px;
+  &:last-of-type {
+    margin-right: 0;
+  }
+}
+.radio-margin-lg {
+  margin-right: 40px;
+  &:last-of-type {
+    margin-right: 0;
+  }
+}
+</style>

package/src/components/SRouteTab.vue

@@ -1,67 +1,67 @@
-<template>
-  <q-route-tab :name="name" :label="label" :to="to" :ripple="false" exact class="s-route-tab" />
-  <div class="s-tab-space"></div>
-</template>
-
-<script>
-  import { defineComponent } from 'vue';
-  import { QRouteTab } from 'quasar';
-
-  export default defineComponent({
-    name: 'STab',
-    components: {
-      QRouteTab,
-    },
-    props: {
-      name: String,
-      label: String,
-      to: [String, Object],
-      exact: {
-        type: Boolean,
-        default: true,
-      },
-    },
-  });
-</script>
-
-<style lang="scss">
-  @import '../css/quasar.variables.scss';
-
-  .s-route-tab {
-    padding: $tab-padding;
-    border-radius: $button-border-radius $button-border-radius 0 0;
-    border: 1px solid $Grey_Lighten-2;
-    border-bottom: 1px solid $positive;
-    background: $Grey_Lighten-5;
-    color: $Grey_Default;
-    min-height: 0;
-    .q-tab__content {
-      padding: 0;
-      height: $default-content-height;
-      min-width: 0;
-      .q-tab__label {
-        height: $default-content-height;
-        line-height: $default-line-height;
-        font-weight: $default-font-weight;
-      }
-    }
-  }
-  .s-route-tab.q-tab--active {
-    border: 1px solid $positive;
-    background: white;
-    .q-tab__content {
-      .q-tab__label {
-        font-weight: $font-weight-lg;
-      }
-    }
-  }
-  .s-tab-space {
-    width: 4px;
-    min-width: 4px;
-    height: 100%;
-    border-bottom: 1px solid $positive;
-    &:last-of-type {
-      width: 100%;
-    }
-  }
-</style>
+<template>
+  <q-route-tab :name="name" :label="label" :to="to" :ripple="false" exact class="s-route-tab" />
+  <div class="s-tab-space"></div>
+</template>
+
+<script>
+  import { defineComponent } from 'vue';
+  import { QRouteTab } from 'quasar';
+
+  export default defineComponent({
+    name: 'STab',
+    components: {
+      QRouteTab,
+    },
+    props: {
+      name: String,
+      label: String,
+      to: [String, Object],
+      exact: {
+        type: Boolean,
+        default: true,
+      },
+    },
+  });
+</script>
+
+<style lang="scss">
+  @import '../css/quasar.variables.scss';
+
+  .s-route-tab {
+    padding: $tab-padding;
+    border-radius: $button-border-radius $button-border-radius 0 0;
+    border: 1px solid $Grey_Lighten-2;
+    border-bottom: 1px solid $positive;
+    background: $Grey_Lighten-5;
+    color: $Grey_Default;
+    min-height: 0;
+    .q-tab__content {
+      padding: 0;
+      height: $default-content-height;
+      min-width: 0;
+      .q-tab__label {
+        height: $default-content-height;
+        line-height: $default-line-height;
+        font-weight: $default-font-weight;
+      }
+    }
+  }
+  .s-route-tab.q-tab--active {
+    border: 1px solid $positive;
+    background: white;
+    .q-tab__content {
+      .q-tab__label {
+        font-weight: $font-weight-lg;
+      }
+    }
+  }
+  .s-tab-space {
+    width: 4px;
+    min-width: 4px;
+    height: 100%;
+    border-bottom: 1px solid $positive;
+    &:last-of-type {
+      width: 100%;
+    }
+  }
+</style>