vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 08:52:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

Update message demos

Browse source
This commit is contained in:
Cagatay Civici 2024-06-13 01:05:19 +03:00
parent deed42de60
commit 2614bafa74
14 changed files with 197 additions and 111 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/primevue/src/message/Message.vue
View file

@ -6,7 +6,7 @@
<slot name="messageicon" class="p-message-icon">
<component :is="icon ? 'span' : iconComponent" :class="[cx('icon'), icon]" v-bind="ptm('icon')"></component>
</slot>
<div class="p-message-text" :class="cx('text')" v-bind="ptm('text')">
<div v-if="$slots.default" class="p-message-text" :class="cx('text')" v-bind="ptm('text')">
<slot></slot>
</div>
<button v-if="closable" v-ripple :class="cx('closeButton')" :aria-label="closeAriaLabel" type="button" @click="close($event)" v-bind="{ ...closeButtonProps, ...ptm('closeButton') }">

2
packages/primevue/src/message/style/MessageStyle.js
View file

@ -2,7 +2,6 @@ import BaseStyle from '@primevue/core/base/style';
const theme = ({ dt }) => `
.p-message {
margin: ${dt('message.margin')};
border-radius: ${dt('message.border.radius')};
border-width: ${dt('message.border.width')};
border-style: solid;
@ -13,6 +12,7 @@ const theme = ({ dt }) => `
align-items: center;
padding: ${dt('message.content.padding')};
gap: ${dt('message.content.gap')};
height: 100%;
}
.p-message-icon {