style(leave-description): 调整请假详情布局样式与间距

移除外部容器的边框和内边距,为描述列表添加边框并调整标签宽度
将描述列表尺寸改为 small 以优化视觉层次
This commit is contained in:
dap
2026-01-29 19:00:55 +08:00
parent 25994bd3bb
commit 585a543c8f

View File

@@ -74,14 +74,20 @@ useTimeout(300, {
</script>
<template>
<div class="min-h-[150px] rounded-[6px] border p-2">
<div class="min-h-[150px] rounded-[6px]">
<motion.div
v-if="data"
:initial="{ opacity: 0 }"
:animate="{ opacity: 1 }"
:transition="{ duration: 0.3 }"
>
<Descriptions :column="1" :items="items" size="middle" />
<Descriptions
:classes="{ label: 'w-[150px]' }"
:column="1"
:items="items"
size="small"
bordered
/>
</motion.div>
<Skeleton v-else-if="showSkeleton && !data" active />