<!-- 任务监控盒子组件 -->
<template>
	<div class="card">
		<div class="text-left textStyle ">
			<span>任务监控</span>
		</div>
		<div class="flex flex-wrap ">
			<taskMonitoringCard></taskMonitoringCard>
		</div>
	</div>
</template>

<script lang="ts" setup>
import taskMonitoringCard from './taskCard.vue'

defineProps({
	title: {
		type: String,
		default: ''
	},
	desc: {
		type: String,
		default: ''
	}
})
</script>

<style lang="scss" scoped>
.card {
	background: #ffffff;
	margin-top: 12px;
	border: 1.5px solid rgb(193, 188, 188);
	height: 53vh;
	width: 95.5%;
	display: flex;
	gap: 20px;
	// flex-wrap: wrap;

	.textStyle {
		writing-mode: vertical-lr;
		font-size: 24px;
		letter-spacing: 3px;
		// margin-top: -1.5%;
		text-align: center;
	}
}
</style>
