fix: notyf style
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
@@ -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
|
||||||
|
})
|
||||||
|
|||||||
Reference in New Issue
Block a user