fix: 修复因类名重复导致的样式问题

This commit is contained in:
@changcode
2022-07-15 14:27:11 +08:00
parent 2c51f6c363
commit 66138c7edd
3 changed files with 4 additions and 3 deletions

View File

@@ -24,7 +24,8 @@
.ddos-detection-type { .ddos-detection-type {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin: 20px 0; height: calc(100% - 65px);
margin-top: 20px;
.ddos-detection-type-value { .ddos-detection-type-value {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View File

@@ -1,4 +1,4 @@
.line { .line.network {
height: 100%; height: 100%;
width: 100%; width: 100%;
position: relative; position: relative;

View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="line"> <div class="line network">
<div class="chart-drawing" id="chart"></div> <div class="chart-drawing" id="chart"></div>
<div class="line-value"> <div class="line-value">
<div class="line-value-mpackets" v-for="(item, index) in mpackets" :key="item"> <div class="line-value-mpackets" v-for="(item, index) in mpackets" :key="item">