From 5eecffb75e76a21687536f099959338243ea611b Mon Sep 17 00:00:00 2001
From: vishwajeet <vishwajeetthakur403@gmail.com>
Date: Thu, 4 Sep 2025 13:35:14 +0530
Subject: [PATCH] fix(ui): make install prompt message mobile responsive

---
 frontend/src/components/InstallPrompt.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/InstallPrompt.vue b/frontend/src/components/InstallPrompt.vue
index c19266e6..2d7b1d17 100644
--- a/frontend/src/components/InstallPrompt.vue
+++ b/frontend/src/components/InstallPrompt.vue
@@ -20,10 +20,10 @@
 		</template>
 	</Dialog>
 
-	<Popover :show="iosInstallMessage" placement="bottom">
+	<Popover :show="iosInstallMessage" placement="top">
 		<template #body>
 			<div
-				class="mx-2 mt-[calc(100vh-15rem)] flex flex-col gap-3 rounded bg-blue-100 py-5 drop-shadow-xl"
+				class="fixed bottom-[4rem] left-1/2 -translate-x-1/2 z-20 w-[90%] flex flex-col gap-3 rounded bg-blue-100 py-5 drop-shadow-xl"
 			>
 				<div
 					class="mb-1 flex flex-row items-center justify-between px-3 text-center"