From 297c9b104a96b34a7a5675f3a64d5cc455c3d9af Mon Sep 17 00:00:00 2001
From: LoV432 <monib619@gmail.com>
Date: Sat, 6 Jan 2024 00:51:37 +0500
Subject: [PATCH] fix slider shrink

---
 .../ConnectionLogsListModal.client.tsx         | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/app/components/dashboard/DashboardCardTotalDisconnectTime/ConnectionLogsListModal.client.tsx b/app/components/dashboard/DashboardCardTotalDisconnectTime/ConnectionLogsListModal.client.tsx
index affdcb3..efc2683 100644
--- a/app/components/dashboard/DashboardCardTotalDisconnectTime/ConnectionLogsListModal.client.tsx
+++ b/app/components/dashboard/DashboardCardTotalDisconnectTime/ConnectionLogsListModal.client.tsx
@@ -13,7 +13,7 @@ export default function ConnectionLogsListModal({
 	const [days, setDays] = useState(1);
 	return (
 		<dialog ref={connectionLogsListModalRef} className="modal">
-			<div className="modal-box flex h-3/4 flex-col bg-zinc-900">
+			<div className="modal-box relative h-3/4 bg-zinc-900">
 				<p className="pb-5 text-lg font-bold">Connection Logs</p>
 				<p className="pb-5">Number of days to show: {days}</p>
 				<input
@@ -113,13 +113,15 @@ function EasterGif() {
 	return (
 		<>
 			{showEaster ? (
-				<Image
-					src={'/easter.gif'}
-					width={350}
-					height={350}
-					alt={'easter'}
-					className="mx-auto mt-auto"
-				></Image>
+				<div className="flex place-content-center">
+					<Image
+						src={'/easter.gif'}
+						width={350}
+						height={350}
+						alt={'easter'}
+						className="absolute bottom-0"
+					></Image>
+				</div>
 			) : null}
 		</>
 	);