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
variant="simple"
:severity="severity"
class="p-message"
:class="[styles['text-body-XS-mention-text-Regular'], {'disabled': props.disabled }]"
:icon="props.icon ? iconClass: undefined"
:closable="false"
size="small"
role="alert"
>
{{ 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>
</template>
<style scoped>
.p-message.disabled {color: var(--text-disabled-grey);}
.p-message-icon{
.p-message {
display: flex;
align-items: center;
flex-direction: row;
align-items: baseline;
padding: 0px;
gap: var(--p-message-content-gap);
height: 100%;
}
</style>