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

💄 Adding the style of the primevue toast component

Browse Source
This commit is contained in:
Paul Valerie GOMA 2025-07-27 04:24:24 +02:00
parent 7627870c07
commit 880e3d0f15
1 changed files with 37 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/assets/style/primevue-style/toast.css Normal file
View File

@ -0,0 +1,37 @@
:root{
--p-toast-width: minmax(17.625rem, max-content);
--p-toast-border-radius: 0px;
--p-toast-border-width: 1px;
--p-toast-icon-size: 1.5rem;
--p-toast-content-padding: 0.25rem;
--p-toast-content-gap: 0.5rem;
--p-toast-text-gap: 0.5rem;
--p-toast-summary-font-weight: var( --titles-H6-XXS-weight);
--p-toast-summary-font-size: var(--titles-H6-XXS-size);
--p-toast-detail-font-weight: var( --text-body-MD-standard-text-Regular-weight);
--p-toast-detail-font-size: var(--text-body-MD-standard-text-Regular-size);
/* info */
--p-toast-info-background: var(--background-contrast-info);
--p-toast-info-border-color: var(--border-plain-info);
--p-toast-info-color: var(--text-default-info);
--p-toast-info-detail-color: var(--input-color);
--p-toast-info-shadow: var(--shadow);
/* success */
--p-toast-success-background: var(--background-contrast-success);
--p-toast-success-border-color: var(--border-plain-success);
--p-toast-success-color: var(--text-default-success);
--p-toast-success-detail-color: var(--input-color);
--p-toast-success-shadow: var(--shadow);
/* warn */
--p-toast-warn-background: var(--background-contrast-warning);
--p-toast-warn-border-color: var(--border-plain-warning);
--p-toast-warn-color: var(--text-default-warning);
--p-toast-warn-detail-color: var(--input-color);
--p-toast-warn-shadow: var(--shadow);
/* error */
--p-toast-error-background: var(--background-contrast-error);
--p-toast-error-border-color: var(--border-plain-error);
--p-toast-error-color: var(--text-default-error);
--p-toast-error-detail-color: var(--input-color);
--p-toast-error-shadow: var(--shadow);
}