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

update html

Browse Source
This commit is contained in:
Fine 2022-11-02 16:24:28 +08:00
parent 4b917bf9d4
commit b147428d8e
1 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/dashboard/configuration/widget/graph-styles/Line.vue
View File

@ -13,7 +13,7 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License. -->
<template>
<div class="legend">
<div>
<span class="label">{{ t("showLegend") }}</span>
<el-switch
v-model="legend.showLegend"
@ -21,24 +21,24 @@ limitations under the License. -->
inactive-text="No"
@change="updateLegendConfig({ showLegend: legend.showLegend })"
/>
</div>
<div>
<span class="label">{{ t("legendOptions") }}</span>
<div class="title mr-5">
{{ t("asTable") }}
</div>
<span class="title mr-5">{{ t("asTable") }}</span>
<el-switch
v-model="legend.asTable"
active-text="Yes"
inactive-text="No"
@change="updateLegendConfig({ asTable: legend.asTable })"
/>
<div class="title ml-20 mr-5">{{ t("toTheRight") }}</div>
<span class="title ml-20 mr-5">{{ t("toTheRight") }}</span>
<el-switch
v-model="legend.toTheRight"
active-text="Yes"
inactive-text="No"
@change="updateLegendConfig({ toTheRight: legend.toTheRight })"
/>
<div class="title ml-20 mr-5">{{ t("width") }}</div>
<span class="title ml-20 mr-5">{{ t("width") }}</span>
<el-input
v-model="legend.width"
class="inputs"
@ -46,6 +46,8 @@ limitations under the License. -->
placeholder="Please input the width"
@change="updateLegendConfig({ toTheRight: legend.width })"
/>
</div>
<div>
<span class="label">{{ t("legendValues") }}</span>
<span class="title mr-5">{{ t("min") }}</span>
<el-switch
@ -170,10 +172,6 @@ function updateLegendConfig(param: { [key: string]: unknown }) {
vertical-align: middle;
}
.legend {
margin-bottom: 10px;
}
.inputs {
width: 120px;
}