From 1d6f1b0ef302dad2f6dd1e6bb23f6d5b86c74e59 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <79562285+wangdan-fit2cloud@users.noreply.github.com>
Date: Mon, 17 Jul 2023 16:32:34 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E5=AF=B9=E9=BD=90=E9=97=AE=E9=A2=98=20(#1689)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### What this PR does / why we need it?

#### Summary of your change

#### Please indicate you've done the following:

- [ ] Made sure tests are passing and test coverage is added if needed.
- [ ] Made sure commit message follow the rule of [Conventional Commits specification](https://www.conventionalcommits.org/).
- [ ] Considered the docs impact and opened a new docs issue or PR with docs changes if needed.
---
 frontend/src/views/home/app/index.vue | 8 +++++++-
 frontend/src/views/home/index.vue     | 4 ++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/home/app/index.vue b/frontend/src/views/home/app/index.vue
index f96a25d9e..00e3319fb 100644
--- a/frontend/src/views/home/app/index.vue
+++ b/frontend/src/views/home/app/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <el-scrollbar max-height="500px">
+        <el-scrollbar max-height="500px" class="moz-height">
             <div class="h-app-card" v-for="(app, index) in apps" :key="index">
                 <el-row :gutter="10">
                     <el-col :span="5">
@@ -118,4 +118,10 @@ defineExpose({
     border: 0;
     border-top: var(--panel-border);
 }
+/* FOR MOZILLA */
+@-moz-document url-prefix() {
+    .moz-height {
+        height: 499px;
+    }
+}
 </style>
diff --git a/frontend/src/views/home/index.vue b/frontend/src/views/home/index.vue
index 048a1a053..67f3844ca 100644
--- a/frontend/src/views/home/index.vue
+++ b/frontend/src/views/home/index.vue
@@ -126,7 +126,7 @@
 
                             <div v-if="chartOption === 'io'" style="margin-top: 40px" class="mobile-monitor-chart">
                                 <v-charts
-                                    height="360px"
+                                    height="358px"
                                     id="ioChart"
                                     type="line"
                                     :option="chartsOption['ioChart']"
@@ -136,7 +136,7 @@
                             </div>
                             <div v-if="chartOption === 'network'" style="margin-top: 40px" class="mobile-monitor-chart">
                                 <v-charts
-                                    height="360px"
+                                    height="358px"
                                     id="networkChart"
                                     type="line"
                                     :option="chartsOption['networkChart']"