Make sign in and join buttons larger for better visibility

Update enhanced_header.html to increase the size of the sign in and join buttons by modifying their classes and structure.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 495199c6-aa06-48cd-8c40-9cccf398cfcf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/495199c6-aa06-48cd-8c40-9cccf398cfcf/qziTztD
This commit is contained in:
pac7
2025-09-21 14:15:45 +00:00
committed by pacnpal
parent a28272c784
commit e47c679bc0

View File

@@ -308,23 +308,19 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
</div> </div>
</div> </div>
{% else %} {% else %}
<div class="flex items-center space-x-1"> <div class="flex items-center space-x-2">
<div <button
hx-get="{% url 'account_login' %}" @click="window.authModal.show('login')"
hx-target="body" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 min-w-[70px]"
hx-swap="beforeend"
class="cursor-pointer"
> >
{% include 'components/ui/button.html' with variant='outline' size='sm' text='Login' %} Sign In
</div> </button>
<div <button
hx-get="{% url 'account_signup' %}" @click="window.authModal.show('register')"
hx-target="body" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 min-w-[70px]"
hx-swap="beforeend"
class="cursor-pointer"
> >
{% include 'components/ui/button.html' with variant='default' size='sm' text='Join' %} Join
</div> </button>
</div> </div>
{% endif %} {% endif %}