Cellule-financiere-transverse-PMO/visua-vue
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♻️ refactor: Component updated

Browse Source
This commit is contained in:
Paul Valerie GOMA 2025-07-23 10:23:22 +02:00
parent 8b138d905e
commit f3e6a540ce
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/hint/VHint.vue
View File

@ -39,21 +39,28 @@ const severity = computed(() => {
<Message <Message
variant="simple" variant="simple"
:severity="severity" :severity="severity"
class="p-message"
:class="[styles['text-body-XS-mention-text-Regular'], {'disabled': props.disabled }]" :class="[styles['text-body-XS-mention-text-Regular'], {'disabled': props.disabled }]"
:icon="props.icon ? iconClass: undefined"
:closable="false" :closable="false"
size="small" size="small"
role="alert" role="alert"
> >
{{ props.title }} {{ props.title }}
<template #icon v-if="props.icon">
<i :class="[iconClass]" style="font-size: var(--text-body-SM-detail-text-Regular-size);"></i>
</template>
</Message> </Message>
</template> </template>
<style scoped> <style scoped>
.p-message.disabled {color: var(--text-disabled-grey);} .p-message.disabled {color: var(--text-disabled-grey);}
.p-message-icon{ .p-message {
display: flex; display: flex;
align-items: center; flex-direction: row;
align-items: baseline;
padding: 0px;
gap: var(--p-message-content-gap);
height: 100%;
} }
</style> </style>