feat: esteso il tempo di visualizzazione dei messaggi nel SuccessModal e aggiornato il layout del WelcomeCarousel
This commit is contained in:
@@ -50,7 +50,7 @@ export function WelcomeCarousel({paused = false, userName, intervalMs = 1200}: W
|
|||||||
const currentMessage = WELCOME_MESSAGES[currentIndex];
|
const currentMessage = WELCOME_MESSAGES[currentIndex];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex flex-col items-center justify-center text-center w-full px-4">
|
<div className="flex flex-col items-center justify-center text-center w-screen px-0">
|
||||||
{/* Container fullwidth con overflow hidden per animazione slide */}
|
{/* Container fullwidth con overflow hidden per animazione slide */}
|
||||||
<div className="relative h-44 md:h-56 w-full overflow-hidden">
|
<div className="relative h-44 md:h-56 w-full overflow-hidden">
|
||||||
{/* Messaggio corrente */}
|
{/* Messaggio corrente */}
|
||||||
|
|||||||
@@ -19,10 +19,10 @@ export function SuccessModal({
|
|||||||
isOpen,
|
isOpen,
|
||||||
onClose,
|
onClose,
|
||||||
userName,
|
userName,
|
||||||
durationMs = 8000
|
durationMs = 60*1000
|
||||||
}: SuccessModalProps) {
|
}: SuccessModalProps) {
|
||||||
// Calcola intervallo carosello per mostrare tutti i messaggi durante la durata
|
// Calcola intervallo carosello per mostrare tutti i messaggi durante la durata
|
||||||
const carouselIntervalMs = Math.floor(durationMs / (CAROUSEL_MESSAGE_COUNT * 1.2));
|
const carouselIntervalMs = Math.floor(durationMs / (CAROUSEL_MESSAGE_COUNT));
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Modal
|
<Modal
|
||||||
|
|||||||
Reference in New Issue
Block a user