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

fix: style

Browse Source
This commit is contained in:
Fine 2023-11-26 19:29:23 +08:00
parent c1c086d999
commit e2be8d2e54
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/dashboard/related/network-profiling/components/ProcessTopology.vue
View File

@ -40,7 +40,12 @@ limitations under the License. -->
:x="(node.x || 0) - 15"
:y="(node.y || 0) - 15"
/>
<text :x="node.x" :y="(node.y || 0) + 28" fill="#000" text-anchor="middle">
<text
:x="node.x"
:y="(node.y || 0) + 28"
:fill="appStore.theme === Themes.Dark ? '#fff' : '#000'"
text-anchor="middle"
>
{{ node.name.length > 10 ? `${node.name.substring(0, 10)}...` : node.name }}
</text>
</g>
@ -122,6 +127,7 @@ limitations under the License. -->
import TimeLine from "./TimeLine.vue";
import { useAppStoreWithOut } from "@/store/modules/app";
import icons from "@/assets/img/icons";
import { Themes } from "@/constants/data";
/*global Nullable, defineProps */
const props = defineProps({