mirror of
https://gitee.com/dapppp/ruoyi-plus-vben5.git
synced 2026-03-08 07:31:09 +08:00
style(leave-description): 调整请假详情布局样式与间距
移除外部容器的边框和内边距,为描述列表添加边框并调整标签宽度 将描述列表尺寸改为 small 以优化视觉层次
This commit is contained in:
@@ -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 />
|
||||
|
||||
Reference in New Issue
Block a user