mirror of
https://github.com/pacnpal/thrillwiki_django_no_react.git
synced 2025-12-20 15:11:09 -05:00
Adjust header layout for better mobile experience and search button appearance
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:
@@ -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">
|
<h3 class="text-sm font-medium text-foreground mb-3">
|
||||||
Get Started
|
Get Started
|
||||||
</h3>
|
</h3>
|
||||||
<div class="space-y-3">
|
<div class="flex gap-2">
|
||||||
<c-ui.button
|
<c-ui.button
|
||||||
variant="outline"
|
variant="outline"
|
||||||
size="lg"
|
size="lg"
|
||||||
text="Sign In"
|
text="Sign In"
|
||||||
icon_left="fas fa-sign-in-alt"
|
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_get="{% url 'account_login' %}"
|
||||||
hx_target="body"
|
hx_target="body"
|
||||||
hx_swap="beforeend"
|
hx_swap="beforeend"
|
||||||
@@ -409,7 +409,7 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
|
|||||||
size="lg"
|
size="lg"
|
||||||
text="Join ThrillWiki"
|
text="Join ThrillWiki"
|
||||||
icon_left="fas fa-user-plus"
|
icon_left="fas fa-user-plus"
|
||||||
button_classes="w-full justify-center"
|
button_classes="flex-1 justify-center"
|
||||||
hx_get="{% url 'account_signup' %}"
|
hx_get="{% url 'account_signup' %}"
|
||||||
hx_target="body"
|
hx_target="body"
|
||||||
hx_swap="beforeend"
|
hx_swap="beforeend"
|
||||||
@@ -481,7 +481,7 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
|
|||||||
variant="default"
|
variant="default"
|
||||||
size="default"
|
size="default"
|
||||||
icon_left="fas fa-search"
|
icon_left="fas fa-search"
|
||||||
button_classes="px-4 flex-shrink-0"
|
button_classes="px-3 flex-shrink-0"
|
||||||
type="submit"
|
type="submit"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user