Skip to content

Commit e4e9fc5

Browse files
committed
perf: perf the validation message for VbenForm in compact mode
1 parent 898503b commit e4e9fc5

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

packages/@core/ui-kit/shadcn-ui/src/ui/form/FormMessage.vue

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -34,17 +34,17 @@ const { formMessageId, name } = useFormField();
3434

3535
<style>
3636
.vben-form-message-compact {
37-
height: auto;
38-
min-height: 1.5rem;
39-
opacity: 1;
4037
position: absolute;
4138
top: 100%;
39+
left: 1rem;
4240
z-index: 1;
43-
background: hsl(var(--destructive));
4441
width: calc(100% - 1rem);
42+
height: auto;
43+
min-height: 1.5rem;
44+
padding: 2px 8px;
4545
color: white;
46+
background: hsl(var(--destructive));
4647
border-radius: var(--radius);
47-
left: 1rem;
48-
padding: 2px 8px;
48+
opacity: 1;
4949
}
5050
</style>

0 commit comments

Comments
 (0)