fix: notyf style

This commit is contained in:
Julien Calixte
2025-04-08 21:53:09 +02:00
parent 1dda4cf77a
commit 3625006c87
2 changed files with 17 additions and 6 deletions

View File

@@ -88,9 +88,17 @@ a {
} }
} }
.notyf__wrapper { .notyf__toast {
padding-top: 0; border-radius: revert-layer;
padding-bottom: 0; border: none;
}
.alert-success .notyf__message {
color: var(--color-success-content);
}
.alert-error .notyf__message {
color: var(--color-error-content);
} }
.alert { .alert {

View File

@@ -3,11 +3,11 @@ import { Notyf } from 'notyf'
const notif = new Notyf({ const notif = new Notyf({
types: [ types: [
{ {
className: 'prose alert alert-success', className: 'alert alert-success',
type: 'confirm' type: 'confirm'
}, },
{ {
className: 'prose alert alert-error', className: 'alert alert-error',
type: 'error' type: 'error'
} }
] ]
@@ -20,4 +20,7 @@ export const confirmMessage = (message: string) =>
}) })
export const errorMessage = (message: string) => export const errorMessage = (message: string) =>
notif.open({ type: 'error', message }) notif.open({
type: 'error',
message
})