fix: update config

src/App.vue

@@ -15,11 +15,22 @@ limitations under the License. -->
 <template>
   <router-view />
 </template>
+<script lang="ts" setup>
+  import { useRoute } from "vue-router";
+  const route = useRoute();
+
+  setTimeout(() => {
+    if (route.name === "ViewWidget") {
+      (document.querySelector("#app") as any).style.minWidth = "120px";
+    } else {
+      (document.querySelector("#app") as any).style.minWidth = "1024px";
+    }
+  }, 500);
+</script>
 <style>
   #app {
     color: #2c3e50;
     height: 100%;
     overflow: hidden;
-    min-width: 1024px;
   }
 </style>

src/layout/components/NavBar.vue

@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
   <div class="nav-bar flex-h">
-    <div class="title">{{ appStore.pageTitle || t(pageName) }}</div>
+    <div class="title">{{ route.name === "ViewWidget" ? "" : appStore.pageTitle || t(pageName) }}</div>
     <div class="app-config">
       <span class="red" v-show="timeRange">{{ t("timeTips") }}</span>
       <TimePicker

src/layout/components/SideBar.vue

@@ -95,7 +95,7 @@ limitations under the License. -->
   } else {
     appStore.setIsMobile(false);
   }
-  if (route.params.config) {
+  if (route.name === "ViewWidget") {
     showMenu.value = false;
   }
   const controlMenu = () => {

src/views/dashboard/Widget.vue

@@ -24,7 +24,7 @@ limitations under the License. -->
         </el-tooltip>
       </div>
     </div>
-    <div class="widget-chart" :style="{ height: config.height + 'px' }">
+    <div class="widget-chart" :style="{ height: config.height - 60 + 'px' }">
       <component
         :is="graph.type"
         :intervalTime="appStoreWithOut.intervalTime"
@@ -75,7 +75,6 @@ limitations under the License. -->
 
       init();
       async function init() {
-        appStoreWithOut.setPageTitle("Widget");
         dashboardStore.setLayer(route.params.layer);
         dashboardStore.setEntity(route.params.entity);
         await setSelector();
@@ -152,7 +151,7 @@ limitations under the License. -->
 </script>
 <style lang="scss" scoped>
   .content {
-    min-width: 800px;
+    min-width: 100px;
     border: 1px solid #eee;
     background-color: #fff;
     position: relative;

src/views/dashboard/components/WidgetLink.vue

@@ -95,7 +95,7 @@ limitations under the License. -->
       metrics: dashboardStore.selectedGrid.metrics,
       metricTypes: dashboardStore.selectedGrid.metricTypes,
       metricConfig: metricConfig,
-      height: dashboardStore.selectedGrid.h * 20,
+      height: dashboardStore.selectedGrid.h * 20 + 60,
     });
     const path = `/page/${dashboardStore.layerId}/${
       dashboardStore.entity