From d441e5cf9f2847a93fbf1127a1d42e786c97c821 Mon Sep 17 00:00:00 2001
From: unitwk <unitwk@outlook.com>
Date: Fri, 5 Jan 2024 16:48:30 +0800
Subject: [PATCH] Fix: Card h-100

---
 frontend/src/assets/tools.scss                | 2 +-
 frontend/src/components/NewCardList/index.vue | 6 +++---
 frontend/src/widgets/InstanceChart.vue        | 2 +-
 frontend/src/widgets/others/TextCard.vue      | 4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/assets/tools.scss b/frontend/src/assets/tools.scss
index f14e79ea..ba7c1999 100644
--- a/frontend/src/assets/tools.scss
+++ b/frontend/src/assets/tools.scss
@@ -1,6 +1,6 @@
 // Global tool style class
 
-.full-card-body-wrapper {
+.full-card-body-container {
   position: absolute;
   top: 0px;
   bottom: 0px;
diff --git a/frontend/src/components/NewCardList/index.vue b/frontend/src/components/NewCardList/index.vue
index 3a4bc69d..924066dd 100644
--- a/frontend/src/components/NewCardList/index.vue
+++ b/frontend/src/components/NewCardList/index.vue
@@ -10,10 +10,8 @@ import Params from "./params.vue";
 import { t } from "@/lang/i18n";
 import { ROLE } from "@/config/router";
 import type { NewCardItem } from "../../config/index";
-import { message } from "ant-design-vue";
-
 import { reportError } from "@/tools/validator";
-import { AppstoreOutlined, BarsOutlined } from "@ant-design/icons-vue";
+import { AppstoreOutlined } from "@ant-design/icons-vue";
 
 const { getCardPool } = useCardPool();
 const { insertLayoutItem } = useLayoutConfigStore();
@@ -118,6 +116,8 @@ const handleTabClick = (value: string) => {
                       {{ t("TXT_CODE_b488372f") }}
                     </a-tag>
                   </div>
+                </a-typography-paragraph>
+                <a-typography-paragraph>
                   <div>
                     {{ t("TXT_CODE_d486a561") }}
                     {{ card.description }}
diff --git a/frontend/src/widgets/InstanceChart.vue b/frontend/src/widgets/InstanceChart.vue
index e06f1ccd..601de30f 100644
--- a/frontend/src/widgets/InstanceChart.vue
+++ b/frontend/src/widgets/InstanceChart.vue
@@ -42,7 +42,7 @@ watch(state, () => {
   <CardPanel class="CardWrapper" style="height: 100%">
     <template #title>{{ card.title }}</template>
     <template #body>
-      <div :id="domId" :style="{ width: '100%', height: card.height }"></div>
+      <div :id="domId" :style="{ width: '100%', height: '100%' }"></div>
     </template>
   </CardPanel>
 </template>
diff --git a/frontend/src/widgets/others/TextCard.vue b/frontend/src/widgets/others/TextCard.vue
index 5c762f26..e4bb9250 100644
--- a/frontend/src/widgets/others/TextCard.vue
+++ b/frontend/src/widgets/others/TextCard.vue
@@ -36,7 +36,7 @@ const editTextContent = () => {
 <template>
   <CardPanel>
     <template #title>
-      <div class="flex">{{ card.title }} card.height:{{ card.height }}</div>
+      <div class="flex">{{ card.title }}</div>
     </template>
     <template #operator>
       <div v-if="containerState.isDesignMode" class="ml-10">
@@ -66,7 +66,7 @@ const editTextContent = () => {
     </template>
 
     <template v-else #body>
-      <div class="full-card-body-wrapper">
+      <div class="full-card-body-container">
         <!-- eslint-disable-next-line vue/no-v-html -->
         <div class="previews global-markdown-html h-100" v-html="markdownToHTML(textContent)"></div>
       </div>