From 70c98f0274c9922189327c6d1a8903e349c7dffb Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Wed, 15 Jun 2022 17:15:33 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=AE=9E=E4=BD=93=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=20card=20=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/entityExplorer/entityList/card.scss | 20 +++++--------------
 .../entityList/entity-list.scss               |  1 -
 src/views/entityExplorer/entityList/Card.vue  |  8 ++++----
 3 files changed, 9 insertions(+), 20 deletions(-)

diff --git a/src/assets/css/components/views/entityExplorer/entityList/card.scss b/src/assets/css/components/views/entityExplorer/entityList/card.scss
index c8acdb49..9189513c 100644
--- a/src/assets/css/components/views/entityExplorer/entityList/card.scss
+++ b/src/assets/css/components/views/entityExplorer/entityList/card.scss
@@ -1,7 +1,6 @@
 .cn-entity--block {
   box-sizing: border-box;
   margin: 0 10px 10px 0;
-  width: 321px;
   height: 329px;
   background: #FFFFFF;
   border-radius: 2px;
@@ -81,7 +80,7 @@
     padding-top: 10px;
     font-size: 14px;
     position: relative;
-    height:240px;
+    height: 245px;
 
     .body__row {
       display: flex;
@@ -130,40 +129,31 @@
       font-weight: 400;
     }
     .body__statics {
-      position: absolute;
-      bottom: 20px;
       display: flex;
       width: 100%;
       padding: 0 30px;
       font-size: 14px;
+      line-height: 45px;
       color: #666666;
+      justify-content: space-between;
       .entity-statics-down{
-        padding-right: 20px;
-        min-width: 80px;
-
         i {
           color:#5881B7;
-          font-size:14px;
-          padding-right:6px;
+          font-size: 14px;
+          padding-right: 6px;
         }
       }
-
       .entity-statics-up{
-        padding-right: 20px;
-        min-width: 80px;;
         i {
           color: #62B16C;
           font-size: 14px;
           padding-right: 6px;
         }
-
       }
       .body__detail {
         cursor: pointer;
         font-size: 14px;
         color: #3976CB;
-        position: absolute;
-        right: 30px;
       }
     }
   }
diff --git a/src/assets/css/components/views/entityExplorer/entityList/entity-list.scss b/src/assets/css/components/views/entityExplorer/entityList/entity-list.scss
index 701f02f2..ed20c962 100644
--- a/src/assets/css/components/views/entityExplorer/entityList/entity-list.scss
+++ b/src/assets/css/components/views/entityExplorer/entityList/entity-list.scss
@@ -17,7 +17,6 @@
       border-radius: 2px;
       width: calc(100% - 10px);
       height: 100%;
-      overflow: auto;
     }
     .entity-list--list {
       display: flex;
diff --git a/src/views/entityExplorer/entityList/Card.vue b/src/views/entityExplorer/entityList/Card.vue
index 380537bc..0cf26196 100644
--- a/src/views/entityExplorer/entityList/Card.vue
+++ b/src/views/entityExplorer/entityList/Card.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="cn-entity--block">
+  <div class="cn-entity--block" style="width: 317.5px;">
     <div class="cn-entity__header">
       <div class="header__content" :title="entityData.ipAddr||entityData.domainName||entityData.appName">
         <div class="header__icon"><i :class="iconClass"></i></div>
@@ -65,7 +65,7 @@
             <i class="cn-icon cn-icon-rise"></i>
             <span>{{entityData.bytesSentRate ? unitConvert(entityData.bytesSentRate, unitTypes.byte).join(' ') : '-'}}</span>
           </div>
-          <div class="body__detail" @click="showDetail">{{$t('overall.detail')}}></div>
+          <div class="body__detail" @click="showDetail"><span>{{$t('overall.detail')}}</span>></div>
         </div>
       </template>
       <template v-else-if="entityData.entityType === 'domain'">
@@ -102,7 +102,7 @@
             <i class="cn-icon cn-icon-rise"></i>
             <span>{{entityData.bytesSentRate ? unitConvert(entityData.bytesSentRate, unitTypes.bps).join(' ') : '-'}}</span>
           </div>
-          <div class="body__detail" @click="showDetail">{{$t('overall.detail')}}></div>
+          <div class="body__detail" @click="showDetail"><span>{{$t('overall.detail')}}</span>></div>
         </div>
       </template>
       <template v-else-if="entityData.entityType === 'app'">
@@ -134,7 +134,7 @@
         <div class="body__statics">
           <div class="entity-statics-down"><i class="cn-icon cn-icon-fall entity-statics-icon"></i><span>{{entityData.bytesReceivedRate ? unitConvert(entityData.bytesReceivedRate, unitTypes.bps).join(' ') : '-'}}</span></div>
           <div class="entity-statics-up" ><i class="cn-icon cn-icon-rise"></i><span>{{entityData.bytesSentRate ? unitConvert(entityData.bytesSentRate, unitTypes.bps).join(' ') : '-'}}</span></div>
-          <div class="body__detail" @click="showDetail">{{$t('overall.detail')}}></div>
+          <div class="body__detail" @click="showDetail"><span>{{$t('overall.detail')}}</span>></div>
         </div>
       </template>
     </div>