github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-07-03 19:05:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: style

Browse Source
This commit is contained in:
Fine 2023-03-22 10:18:32 +08:00
parent 11cfa6c9d1
commit 58a2b3d003
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/dashboard/related/topology/components/Graph.vue
View File

@ -612,7 +612,6 @@ limitations under the License. -->
<style lang="scss"> <style lang="scss">
.micro-topo-chart { .micro-topo-chart {
position: relative; position: relative;
height: calc(100% - 30px);
overflow: auto; overflow: auto;
margin-top: 30px; margin-top: 30px;
@ -649,12 +648,18 @@ limitations under the License. -->
right: 10px; right: 10px;
width: 400px; width: 400px;
height: 600px; height: 600px;
background-color: #2b3037;
overflow: auto; overflow: auto;
padding: 0 15px; padding: 0 15px;
border-radius: 3px; border-radius: 3px;
color: #ccc; color: #ccc;
border: 1px solid #ccc;
background-color: #fff;
box-shadow: #eee 1px 2px 10px;
transition: all 0.5ms linear; transition: all 0.5ms linear;
&.dark {
background-color: #2b3037;
}
} }
.label { .label {

7
src/views/dashboard/related/topology/components/Settings.vue
View File

@ -27,7 +27,7 @@ limitations under the License. -->
/> />
<div class="label"> <div class="label">
<span>{{ t("linkServerMetrics") }}</span> <span>{{ t("linkServerMetrics") }}</span>
<el-popover placement="left" :width="400" trigger="click" effect="dark" v-if="states.linkServerMetrics.length"> <el-popover placement="left" :width="400" trigger="click" v-if="states.linkServerMetrics.length">
<template #reference> <template #reference>
<span @click="setConfigType('linkServerMetricConfig')"> <span @click="setConfigType('linkServerMetricConfig')">
<Icon class="cp ml-5" iconName="mode_edit" size="middle" /> <Icon class="cp ml-5" iconName="mode_edit" size="middle" />
@ -48,7 +48,7 @@ limitations under the License. -->
<span v-show="dashboardStore.entity !== EntityType[2].value"> <span v-show="dashboardStore.entity !== EntityType[2].value">
<div class="label"> <div class="label">
<span>{{ t("linkClientMetrics") }}</span> <span>{{ t("linkClientMetrics") }}</span>
<el-popover placement="left" :width="400" trigger="click" effect="dark" v-if="states.linkClientMetrics.length"> <el-popover placement="left" :width="400" trigger="click" v-if="states.linkClientMetrics.length">
<template #reference> <template #reference>
<span @click="setConfigType('linkClientMetricConfig')"> <span @click="setConfigType('linkClientMetricConfig')">
<Icon class="cp ml-5" iconName="mode_edit" size="middle" /> <Icon class="cp ml-5" iconName="mode_edit" size="middle" />
@ -110,7 +110,7 @@ limitations under the License. -->
</div> </div>
<div class="label"> <div class="label">
<span>{{ t("nodeMetrics") }}</span> <span>{{ t("nodeMetrics") }}</span>
<el-popover placement="left" :width="400" trigger="click" effect="dark" v-if="states.nodeMetrics.length"> <el-popover placement="left" :width="400" trigger="click" v-if="states.nodeMetrics.length">
<template #reference> <template #reference>
<span @click="setConfigType('nodeMetricConfig')"> <span @click="setConfigType('nodeMetricConfig')">
<Icon class="cp ml-5" iconName="mode_edit" size="middle" /> <Icon class="cp ml-5" iconName="mode_edit" size="middle" />
@ -454,6 +454,7 @@ limitations under the License. -->
.title { .title {
margin-bottom: 0; margin-bottom: 0;
color: #666;
} }
.label { .label {