style: revert notification margins
This commit is contained in:
parent
f05a32d0d5
commit
27876c1aae
2 changed files with 11 additions and 47 deletions
|
@ -145,13 +145,11 @@
|
||||||
|
|
||||||
<ContactShadows scale={10} blur={2} far={2.5} opacity={0.5} />
|
<ContactShadows scale={10} blur={2} far={2.5} opacity={0.5} />
|
||||||
|
|
||||||
<Float floatIntensity={1} floatingRange={[0, 0.5]}>
|
|
||||||
<Hornet
|
<Hornet
|
||||||
position.y={1.7}
|
position.y={2}
|
||||||
position.z={robotPos.z}
|
position.z={robotPos.z}
|
||||||
position.x={robotPos.x}
|
position.x={robotPos.x}
|
||||||
scale={[0.8, 0.8, 0.8]}
|
scale={[0.8, 0.8, 0.8]}
|
||||||
bind:ref={capsule}
|
bind:ref={capsule}
|
||||||
rotation.y={rot}
|
rotation.y={rot}
|
||||||
/>
|
/>
|
||||||
</Float>
|
|
||||||
|
|
|
@ -25,41 +25,7 @@ export class Notifications {
|
||||||
const sendToast = (duration: number) => {
|
const sendToast = (duration: number) => {
|
||||||
toast.success(message, {
|
toast.success(message, {
|
||||||
style:
|
style:
|
||||||
'padding: 25px; font-size: 1.5rem; background-color: #15803d; color: #fafafa; gap: 0.5rem; user-select: none; max-width: 70vw; margin-top: 30px;',
|
'padding: 25px; font-size: 1.5rem; background-color: #15803d; color: #fafafa; gap: 0.5rem; user-select: none; max-width: 70vw;',
|
||||||
duration,
|
|
||||||
...options,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
if (options?.withAudio && options?.src) {
|
|
||||||
let sound: Howl
|
|
||||||
sound = new Howl({
|
|
||||||
src: [options.src],
|
|
||||||
preload: true,
|
|
||||||
autoplay: true,
|
|
||||||
onload: () => {
|
|
||||||
let duration = sound.duration() * 1000
|
|
||||||
sendToast(duration)
|
|
||||||
setTimeout(onComplete, duration)
|
|
||||||
},
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
sendToast(this.defaultDuration)
|
|
||||||
setTimeout(onComplete, this.defaultDuration)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
public static error(message: string, options?: NotificationOptions) {
|
|
||||||
if (options?.withAudio && !options.src)
|
|
||||||
throw new Error('No audio source provided')
|
|
||||||
|
|
||||||
const onComplete = () => {
|
|
||||||
if (options?.onComplete) options.onComplete()
|
|
||||||
}
|
|
||||||
|
|
||||||
const sendToast = (duration: number) => {
|
|
||||||
toast.error(message, {
|
|
||||||
style:
|
|
||||||
'padding: 25px; width-200px; font-size: 1.5rem; background-color: #dc2626; color: #fafafa; gap: 0.5rem; user-select: none; max-width: 70vw; margin-top: 30px;',
|
|
||||||
duration,
|
duration,
|
||||||
...options,
|
...options,
|
||||||
})
|
})
|
||||||
|
@ -90,7 +56,7 @@ export class Notifications {
|
||||||
const sendToast = (duration: number) => {
|
const sendToast = (duration: number) => {
|
||||||
toast(message, {
|
toast(message, {
|
||||||
style:
|
style:
|
||||||
'padding: 25px; font-size: 1.5rem; gap: 0.5rem; user-select: none; max-width-600px; max-width: 70vw; margin-top: 30px;',
|
'padding: 25px; font-size: 1.5rem; gap: 0.5rem; user-select: none; max-width-600px; max-width: 70vw;',
|
||||||
icon: InfoIcon,
|
icon: InfoIcon,
|
||||||
duration,
|
duration,
|
||||||
...options,
|
...options,
|
||||||
|
@ -121,7 +87,7 @@ export class Notifications {
|
||||||
const sendToast = (duration: number) => {
|
const sendToast = (duration: number) => {
|
||||||
toast(message, {
|
toast(message, {
|
||||||
style:
|
style:
|
||||||
'padding: 25px; font-size: 1.5rem; background-color: #f59e0b; color: #fafafa; gap: 0.5rem; user-select: none; max-width: 70vw; margin-top: 30px;',
|
'padding: 25px; font-size: 1.5rem; background-color: #f59e0b; color: #fafafa; gap: 0.5rem; user-select: none; max-width: 70vw;',
|
||||||
icon: WarnIcon,
|
icon: WarnIcon,
|
||||||
duration,
|
duration,
|
||||||
...options,
|
...options,
|
||||||
|
|
Loading…
Reference in a new issue