Fix: Card h-100

This commit is contained in:
unitwk 2024-01-05 16:48:30 +08:00
parent 12f6b7a8d0
commit d441e5cf9f
4 changed files with 7 additions and 7 deletions

View File

@ -1,6 +1,6 @@
// Global tool style class
.full-card-body-wrapper {
.full-card-body-container {
position: absolute;
top: 0px;
bottom: 0px;

View File

@ -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 }}

View File

@ -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>

View File

@ -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>