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

Adjust header layout for better mobile experience and search button appearance

Browse Source 
Update header component to horizontally align auth buttons on mobile using flexbox and adjust search button padding.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: eff39de1-3afa-446d-a965-acaf61837fc7
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/eff39de1-3afa-446d-a965-acaf61837fc7/J0JYsVM
This commit is contained in:
pac7
2025-09-21 14:07:58 +00:00
committed by pacnpal
parent fc605715d3
commit c8c871128e
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -392,13 +392,13 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
<h3 class="text-sm font-medium text-foreground mb-3">
Get Started
</h3>
<div class="space-y-3">
<div class="flex gap-2">
<c-ui.button
variant="outline"
size="lg"
text="Sign In"
icon_left="fas fa-sign-in-alt"
button_classes="w-full justify-center"
button_classes="flex-1 justify-center"
hx_get="{% url 'account_login' %}"
hx_target="body"
hx_swap="beforeend"
@@ -409,7 +409,7 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
size="lg"
text="Join ThrillWiki"
icon_left="fas fa-user-plus"
button_classes="w-full justify-center"
button_classes="flex-1 justify-center"
hx_get="{% url 'account_signup' %}"
hx_target="body"
hx_swap="beforeend"
@@ -481,7 +481,7 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
variant="default"
size="default"
icon_left="fas fa-search"
button_classes="px-4 flex-shrink-0"
button_classes="px-3 flex-shrink-0"
type="submit"
/>
</div>