github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-15 01:33:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

removed unwanted spacing

Browse Source
This commit is contained in:
Peter Olu 2022-05-10 05:30:18 +01:00
parent ef0707ba66
commit 86653a2a8f
1 changed files with 6 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/dashboard/controls/Tab.vue
View File

@ -147,14 +147,7 @@ limitations under the License. -->
</div>
</template>
<script lang="ts">
import {
ref,
watch,
onMounted,
onBeforeUnmount,
defineComponent,
toRefs,
} from "vue";
import { ref, watch, onMounted, onBeforeUnmount, defineComponent, toRefs } from "vue";
import { useI18n } from "vue-i18n";
import type { PropType } from "vue";
import { LayoutConfig } from "@/types/dashboard";
@ -194,9 +187,7 @@ export default defineComponent({
const currentItem = ref<number>(0);
const isScrolling = ref(false);
const l = dashboardStore.layout.findIndex(
(d: LayoutConfig) => d.i === props.data.i
);
const l = dashboardStore.layout.findIndex((d: LayoutConfig) => d.i === props.data.i);
if (dashboardStore.layout[l].children.length) {
dashboardStore.setCurrentTabItems(
dashboardStore.layout[l].children[activeTabIndex.value].children
@ -266,7 +257,7 @@ export default defineComponent({
}
);
function clickTabs(e: Event, idx: number, extra:any) {
function clickTabs(e: Event, idx: number, extra: any) {
e.stopPropagation();
activeTabIndex.value = idx;
dashboardStore.activeGridItem(props.data.i);
@ -278,7 +269,7 @@ export default defineComponent({
dashboardStore.setCurrentTabItems(
dashboardStore.layout[l].children[activeTabIndex.value].children
);
dashboardStore.setCurrentTabType(extra.children[0].type)
dashboardStore.setCurrentTabType(extra.children[0].type);
needQuery.value = true;
}
function removeTab(e: Event) {
@ -315,9 +306,7 @@ export default defineComponent({
function clickTabGrid(e: Event, item: LayoutConfig) {
e.stopPropagation();
activeTabWidget.value = item.i;
dashboardStore.activeGridItem(
`${props.data.i}-${activeTabIndex.value}-${item.i}`
);
dashboardStore.activeGridItem(`${props.data.i}-${activeTabIndex.value}-${item.i}`);
handleClick(e);
}
function layoutUpdatedEvent() {
@ -485,7 +474,7 @@ export default defineComponent({
color: #409eff;
}
}
.tab-header .tabs .span.active{
.tab-header .tabs .span.active {
color: red !important;
}
.operations {