kbe/aperonight
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

develop #3

Merged
kbe merged 227 commits from develop into main 2025-09-16 14:35:23 +00:00
Conversation 0 Commits 227 Files Changed 295 +19 -17
1 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit a7e83d79d7 - Show all commits

20
app/views/components/_header.html.erb
View File

@@ -1,21 +1,22 @@
<header class="bg-neutral-800 border-b border-neutral-700"> <header class="bg-neutral-800 border-b border-neutral-700">
<nav data-controller="header" class="container mx-auto px-4 sm:px-6 lg:px-8"> <nav data-controller="header" class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16"> <div class="flex justify-between h-16">
<!-- Logo & Navigation --> <!-- Logo -->
<div class="flex items-center space-x-8"> <div class="flex items-center">
<%= link_to Rails.application.config.app_name, current_user ? "/dashboard" : "/", <%= link_to Rails.application.config.app_name, current_user ? "/dashboard" : "/",
class: "text-xl font-bold text-white" %> class: "text-xl font-bold text-white" %>
</div>
<div class="hidden sm:flex space-x-6"> <!-- Desktop Navigation -->
<div class="hidden sm:flex items-center space-x-6">
<%= link_to t("header.parties"), events_path, <%= link_to t("header.parties"), events_path,
class: "text-gray-100 hover:text-purple-200 py-2 rounded-md text-sm font-medium transition-colors duration-200" %> class: "text-gray-100 hover:text-purple-200 py-2 rounded-md text-sm font-medium transition-colors duration-200" %>
<%= link_to t("header.concerts"), "#", <%= link_to t("header.concerts"), "#",
class: "text-gray-100 hover:text-purple-200 py-2 rounded-md text-sm font-medium transition-colors duration-200" %> class: "text-gray-100 hover:text-purple-200 py-2 rounded-md text-sm font-medium transition-colors duration-200" %>
</div> </div>
</div>
<!-- Authentication --> <!-- Authentication -->
<div class="flex items-center space-x-4"> <div class="hidden sm:flex items-center space-x-4">
<% if user_signed_in? %> <% if user_signed_in? %>
<div class="relative" data-header-target="userMenuButton"> <div class="relative" data-header-target="userMenuButton">
<button data-action="click->header#toggleUserMenu" <button data-action="click->header#toggleUserMenu"
@@ -38,15 +39,16 @@
</div> </div>
</div> </div>
<% else %> <% else %>
<div class="hidden sm:flex items-center space-x-4">
<%= link_to t("header.login"), new_user_session_path, <%= link_to t("header.login"), new_user_session_path,
class: "bg-black text-gray-100 hover:text-purple-200 px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200" %> class: "bg-black text-gray-100 hover:text-purple-200 px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200" %>
<%= link_to t("header.register"), new_user_registration_path, <%= link_to t("header.register"), new_user_registration_path,
class: "bg-purple-600 text-white font-medium py-2 px-4 rounded-lg hover:bg-purple-700 transition-colors duration-200" %> class: "bg-purple-600 text-white font-medium py-2 px-4 rounded-lg hover:bg-purple-700 transition-colors duration-200" %>
</div>
<% end %> <% end %>
<!-- Mobile Menu Button --> </div>
<button data-action="click->header#toggleMobileMenu" data-header-target="mobileMenuButton" class="sm:hidden p-2 rounded-md text-neutral-300 hover:text-white hover:bg-purple-700">
<!-- Mobile menu button -->
<div class="flex items-center sm:hidden">
<button data-action="click->header#toggleMobileMenu" data-header-target="mobileMenuButton" class="p-2 rounded-md text-neutral-300 hover:text-white hover:bg-purple-700">
<svg data-menu-icon="open" class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24"> <svg data-menu-icon="open" class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>