From 3830b1ed5082e78d4d2eb14b8ef7995e33395f06 Mon Sep 17 00:00:00 2001 From: pac7 <47831526-pac7@users.noreply.replit.com> Date: Mon, 22 Sep 2025 03:05:39 +0000 Subject: [PATCH] Adjust layout for improved responsiveness and wider content display Modify the max-width of the enhanced header component to 'auto' and 'max-w-4xl' to accommodate wider content and improve responsiveness. Replit-Commit-Author: Agent Replit-Commit-Session-Id: c537be14-ffc2-48de-88ef-2bdd9e6ae15a Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/c537be14-ffc2-48de-88ef-2bdd9e6ae15a/oDeWG1n --- .replit | 4 ++++ templates/components/layout/enhanced_header.html | 2 +- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/.replit b/.replit index 21bef7fc..6fa5d771 100644 --- a/.replit +++ b/.replit @@ -43,6 +43,10 @@ externalPort = 3000 localPort = 45245 externalPort = 3001 +[[ports]] +localPort = 45563 +externalPort = 3002 + [deployment] deploymentTarget = "autoscale" run = ["gunicorn", "--bind=0.0.0.0:5000", "--reuse-port", "thrillwiki.wsgi:application"] diff --git a/templates/components/layout/enhanced_header.html b/templates/components/layout/enhanced_header.html index bf9700a8..764b1096 100644 --- a/templates/components/layout/enhanced_header.html +++ b/templates/components/layout/enhanced_header.html @@ -45,7 +45,7 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" x-cloak - class="absolute left-0 mt-1 w-[700px] p-6 bg-background border rounded-lg shadow-lg z-50" + class="absolute left-0 mt-1 w-auto max-w-4xl p-6 bg-background border rounded-lg shadow-lg z-50" >