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

Improve layout and text wrapping in the header dropdown menu

Browse Source 
Adjusted dropdown width and flex item styling in enhanced_header.html to fix text wrapping issues and improve vertical alignment.

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/OEYCULv
This commit is contained in:
pac7
2025-09-22 02:40:34 +00:00
parent 6adbaf885f
commit b3e56ed465
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -45,11 +45,11 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-start="transform opacity-100 scale-100"
x-transition:leave-end="transform opacity-0 scale-95" x-transition:leave-end="transform opacity-0 scale-95"
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-[700px] p-6 bg-background border rounded-lg shadow-lg z-50"
> >
<div class="flex gap-6"> <div class="flex gap-8">
<!-- Left Column --> <!-- Left Column -->
<div class="flex-1 space-y-2"> <div class="flex-1 space-y-4 min-w-0">
<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="flex-1 space-y-2"> <div class="flex-1 space-y-4 min-w-0">
<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"