@dataloop-ai/components 0.17.73 → 0.17.74

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/compound/DlTabs/components/DlTab.vue +7 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.17.73",
3
+ "version": "0.17.74",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
package/src/components/compound/DlTabs/components/DlTab.vue CHANGED
@@ -15,9 +15,10 @@
15
15
  <dl-icon
16
16
  v-if="showTooltip"
17
17
  :size="iconSize"
18
+ :inline="false"
18
19
  icon="icon-dl-info"
19
20
  class="info-icon"
20
- color="dl-color-darker"
21
+ color="dl-color-lighter"
21
22
  />
22
23
  <dl-tooltip v-if="showTooltip === true">
23
24
  {{ tooltip }}
@@ -57,8 +58,8 @@ export default defineComponent({
57
58
  },
58
59
  computed: {
59
60
  iconSize(): string {
60
- const fontSize = Number(this.fontSize.replace('px', ''))
61
- return `${fontSize - 2 < 0 ? 0 : fontSize - 2}px`
61
+ const fontSize = parseInt(this.fontSize)
62
+ return `${fontSize - 2 < 0 ? 0 : fontSize - 6}px`
62
63
  },
63
64
  cssFontSize(): Record<string, string> {
64
65
  return {
@@ -111,7 +112,6 @@ export default defineComponent({
111
112
  display: flex;
112
113
  align-items: center;
113
114
  justify-content: center;
114
- gap: 5px;
115
115
  &--active {
116
116
  color: var(--dl-color-secondary);
117
117
  border-color: var(--dl-color-secondary) !important;
@@ -148,4 +148,7 @@ export default defineComponent({
148
148
  cursor: pointer;
149
149
  flex-grow: 1;
150
150
  }
151
+ .info-icon {
152
+ margin: 0px 5px;
153
+ }
151
154
  </style>