fix: increase DB acquire timeout, add page padding, fix modal scaling on mobile

src/db/mod.rs

@@ -22,7 +22,7 @@ pub async fn create_pool(database_url: &str) -> Result<PgPool, sqlx::Error> {
 
     let pool_options = PgPoolOptions::new()
         .max_connections(20)
-        .acquire_timeout(Duration::from_secs(3));
+        .acquire_timeout(Duration::from_secs(10));
 
     let mut last_error = None;
     let mut delay = initial_delay;

web/src/lib/components/DiscordProfileModal.svelte

@@ -47,7 +47,7 @@
 
 <div
   use:portal
-  class="fixed inset-0 z-[60] flex items-start justify-center bg-black/30 backdrop-blur-[3px] p-4 pt-[15vh]"
+  class="fixed inset-0 z-[60] flex items-start justify-center bg-black/30 backdrop-blur-[3px] p-6 pt-[15vh]"
   onclick={handleBackdropClick}
   onkeydown={(e) => e.key === "Escape" && handleClose()}
   role="presentation"
@@ -56,7 +56,7 @@
 >
   <!-- SCALE: Adjust the scale() value to resize entire modal proportionally -->
   <div
-    class="relative w-full max-w-md rounded-xl bg-zinc-100 dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-700 shadow-lg overflow-hidden scale-110 origin-top"
+    class="relative w-full max-w-md rounded-xl bg-zinc-100 dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-700 shadow-lg overflow-hidden sm:scale-110 origin-top"
     role="dialog"
     aria-modal="true"
     aria-labelledby="discord-profile-title"

web/src/routes/+layout.svelte

@@ -116,6 +116,6 @@
 {/if}
 
 <!-- Page content wrapper - this is what transitions between pages -->
-<div style="view-transition-name: page-content">
+<div class="pb-12" style="view-transition-name: page-content">
   {@render children()}
 </div>