This is an automated email from the ASF dual-hosted git repository.
qiuxiafan pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/skywalking-booster-ui.git
The following commit(s) were added to refs/heads/main by this push:
new b7115a4e fix: update Marketplace title and breadcrumb component style
(#316)
b7115a4e is described below
commit b7115a4e47b1a1071a713620647b6859ba659d49
Author: Fine0830 <[email protected]>
AuthorDate: Fri Sep 1 11:18:11 2023 +0800
fix: update Marketplace title and breadcrumb component style (#316)
---
src/layout/components/NavBar.vue | 9 +++++++--
src/styles/reset.scss | 3 ---
src/views/Marketplace.vue | 2 --
3 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/layout/components/NavBar.vue b/src/layout/components/NavBar.vue
index 7f000cb1..43202ed5 100644
--- a/src/layout/components/NavBar.vue
+++ b/src/layout/components/NavBar.vue
@@ -14,7 +14,12 @@ See the License for the specific language governing
permissions and
limitations under the License. -->
<template>
<div class="nav-bar flex-h">
- <el-breadcrumb separator=">" class="title flex-h" v-if="pathNames.length">
+ <el-breadcrumb
+ :separator-icon="ArrowRight"
+ class="title flex-h"
+ v-if="pathNames.length"
+ :style="{ '--el-text-color-placeholder': '#666' }"
+ >
<el-breadcrumb-item
v-for="(path, index) in pathNames"
:key="index"
@@ -69,6 +74,7 @@ limitations under the License. -->
import { MetricCatalog } from "@/views/dashboard/data";
import type { DashboardItem } from "@/types/dashboard";
import router from "@/router";
+ import { ArrowRight } from "@element-plus/icons-vue";
/*global Indexable */
const { t, te } = useI18n();
@@ -296,7 +302,6 @@ limitations under the License. -->
.title {
font-size: $font-size-normal;
font-weight: 500;
- height: 28px;
}
.nav-tabs {
diff --git a/src/styles/reset.scss b/src/styles/reset.scss
index 84eb228b..49262e50 100644
--- a/src/styles/reset.scss
+++ b/src/styles/reset.scss
@@ -213,9 +213,6 @@ div:has(> a.menu-title) {
display: none;
}
-.el-breadcrumb {
- line-height: 28px;
-}
.el-input-number .el-input__inner {
text-align: left !important;
}
diff --git a/src/views/Marketplace.vue b/src/views/Marketplace.vue
index 556ae7b6..be1360d1 100644
--- a/src/views/Marketplace.vue
+++ b/src/views/Marketplace.vue
@@ -63,8 +63,6 @@ limitations under the License. -->
function handleItems(item: MenuOptions) {
currentItems.value = item;
}
-
- appStore.setPageTitle("Marketplace");
</script>
<style lang="scss" scoped>
.menus {
