PWA prompt

Author: nikoshell

src/components/InstallPWA.astro

@@ -1,6 +1,10 @@
+---
+
+---
 <div id="install-pwa" class="hidden">
-  <p>Install our PWA to get easy access to the schedule!</p>
-  <button id="install-btn">Install App</button>
+  <p>Add website to home screen and get easy access to the schedule!</p>
+  <button id="install-btn" class="button-link font-bold text-lg px-4 py-4 rounded-lg inline-flex items-center justify-center leading-4 transition-colors duration-200 not-prose border text-text
+      bg-primary hover:bg-primary-hover border-transparent">Add to home screen</button>
 </div>
 
 <style>
@@ -14,6 +18,7 @@
   text-align: center;
   padding: 1rem;
   transition: all 0.3s ease;
+  z-index: 200;
 }
 
 #install-pwa.hidden {