pacnpal/thrillwiki_django_no_react
1
1
Fork 0
mirror of https://github.com/pacnpal/thrillwiki_django_no_react.git synced 2025-12-20 07:11:08 -05:00
Code Issues Packages Projects Releases Wiki Activity

Adjust layout to ensure content displays correctly without overlapping

Browse Source 
Replaces grid layout with flexbox in enhanced_header.html to resolve column width issues caused by gap-8.

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/DIBq8v8
This commit is contained in:
pac7
2025-09-22 02:37:08 +00:00
parent ee57a9ada1
commit 6adbaf885f
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
.replit
View File

@@ -35,6 +35,10 @@ outputType = "webview"
localPort = 5000 localPort = 5000
externalPort = 80 externalPort = 80
[[ports]]
localPort = 38953
externalPort = 3002
[[ports]] [[ports]]
localPort = 41923 localPort = 41923
externalPort = 3000 externalPort = 3000

6
templates/components/layout/enhanced_header.html
View File

@@ -47,9 +47,9 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
x-cloak x-cloak
class="absolute left-0 mt-1 w-[560px] p-4 bg-background border rounded-lg shadow-lg z-50" class="absolute left-0 mt-1 w-[560px] p-4 bg-background border rounded-lg shadow-lg z-50"
> >
<div class="grid grid-cols-2 gap-6"> <div class="flex gap-6">
<!-- Left Column --> <!-- Left Column -->
<div class="space-y-2"> <div class="flex-1 space-y-2">
<a <a
href="{% url 'parks:park_list' %}" href="{% url 'parks:park_list' %}"
class="flex items-start gap-3 p-3 rounded-md hover:bg-accent transition-colors group" class="flex items-start gap-3 p-3 rounded-md hover:bg-accent transition-colors group"
@@ -88,7 +88,7 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
</div> </div>
<!-- Right Column --> <!-- Right Column -->
<div class="space-y-2"> <div class="flex-1 space-y-2">
<a <a
href="{% url 'rides:global_ride_list' %}" href="{% url 'rides:global_ride_list' %}"
class="flex items-start gap-3 p-3 rounded-md hover:bg-accent transition-colors group" class="flex items-start gap-3 p-3 rounded-md hover:bg-accent transition-colors group"