From 56ecb45625cf17da7a5187c72d9758243b97ea4a Mon Sep 17 00:00:00 2001
From: junjie <junjie.xia@fit2cloud.com>
Date: Tue, 23 Mar 2021 18:13:23 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E8=A7=86=E5=9B=BE):=20UI=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/chart/components/QuotaItem.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/chart/components/QuotaItem.vue b/frontend/src/views/chart/components/QuotaItem.vue
index 8cdaab0ad8..ad7d985411 100644
--- a/frontend/src/views/chart/components/QuotaItem.vue
+++ b/frontend/src/views/chart/components/QuotaItem.vue
@@ -8,7 +8,7 @@
         <el-dropdown-menu slot="dropdown">
           <el-dropdown-item>
             <el-dropdown placement="right-start" size="mini" style="width: 100%" @command="summary">
-              <span class="el-dropdown-link" style="display: flex;justify-content: space-between;align-items: center;width: 100%">
+              <span class="el-dropdown-link inner-dropdown-menu">
                 <span>
                   <i class="el-icon-notebook-2" />
                   <span>{{ $t('chart.summary') }}</span>
@@ -29,7 +29,7 @@
           </el-dropdown-item>
           <el-dropdown-item>
             <el-dropdown placement="right-start" size="mini" style="width: 100%" @command="quickCalc">
-              <span class="el-dropdown-link" style="display: flex;justify-content: space-between;align-items: center;width: 100%">
+              <span class="el-dropdown-link inner-dropdown-menu">
                 <span>
                   <i class="el-icon-s-grid" />
                   <span>{{ $t('chart.quick_calc') }}</span>
@@ -44,7 +44,7 @@
           </el-dropdown-item>
           <el-dropdown-item divided>
             <el-dropdown placement="right-start" size="mini" style="width: 100%" @command="sort">
-              <span class="el-dropdown-link" style="display: flex;justify-content: space-between;align-items: center;width: 100%">
+              <span class="el-dropdown-link inner-dropdown-menu">
                 <span>
                   <i class="el-icon-sort" />
                   <span>{{ $t('chart.sort') }}</span>
@@ -220,4 +220,11 @@ export default {
     margin-left: 4px;
     color: #878d9f;;
   }
+
+  .inner-dropdown-menu{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%
+  }
 </style>