From 3de00db7dff26e86c93fd9e049a6901b94bf76c4 Mon Sep 17 00:00:00 2001
From: ssongliu <sloooop1x@gmail.com>
Date: Fri, 31 Jul 2026 18:16:39 +0800
Subject: [PATCH] fix: constrain dashboard column height

---
 frontend/src/views/home/index.vue                     |  4 ++++
 .../license-required/community-restore/index.vue      | 11 -----------
 2 files changed, 4 insertions(+), 11 deletions(-)

diff --git a/frontend/src/views/home/index.vue b/frontend/src/views/home/index.vue
index 567abad7c18a..99b5c6f4dac8 100644
--- a/frontend/src/views/home/index.vue
+++ b/frontend/src/views/home/index.vue
@@ -493,6 +493,7 @@ const DASHBOARD_CACHE_TTL = {
     ioOptions: 60 * 60 * 1000,
 };
 const monitorChartGrid = { left: 65, right: 65, bottom: '20%' };
+const monitorChartLegend = { top: 0, bottom: 'auto' };
 const monitorTagsStyle = {
     left: `${monitorChartGrid.left}px`,
     right: `${monitorChartGrid.right}px`,
@@ -515,6 +516,7 @@ const loadIOChartOption = () => ({
         },
     ],
     grid: monitorChartGrid,
+    legend: monitorChartLegend,
     formatStr: 'MB',
 });
 const loadNetworkChartOption = () => ({
@@ -530,6 +532,7 @@ const loadNetworkChartOption = () => ({
         },
     ],
     grid: monitorChartGrid,
+    legend: monitorChartLegend,
     formatStr: 'KB/s',
 });
 
@@ -1157,6 +1160,7 @@ onBeforeUnmount(() => {
 <style lang="scss" scoped>
 @media only screen and (min-width: 992px) {
     .dashboard-right {
+        contain: size;
         display: flex;
         flex-direction: column;
         min-height: 0;
diff --git a/frontend/src/views/setting/license-required/community-restore/index.vue b/frontend/src/views/setting/license-required/community-restore/index.vue
index 1f7e696a4989..dc8e297cdb48 100644
--- a/frontend/src/views/setting/license-required/community-restore/index.vue
+++ b/frontend/src/views/setting/license-required/community-restore/index.vue
@@ -158,15 +158,4 @@ defineExpose({
     flex-direction: column;
     gap: 16px;
 }
-
-.restore-mode-group {
-    display: grid;
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-    gap: 12px;
-
-    :deep(.el-radio) {
-        width: 100%;
-        margin-right: 0;
-    }
-}
 </style>