matt
/
auditionadmin
1
0
Fork 0
Code Issues 16 Pull Requests Packages Projects Releases Wiki Activity

Update mobile menus

This commit is contained in:
Matt Young 2024-07-19 23:52:51 -05:00
parent d351bc4eb5
commit 0c3c81fcc8
2 changed files with 42 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
resources/views/components/layout/navbar/nav-link-mobile.blade.php Normal file
View File

@ -0,0 +1,7 @@
@props(['active' => false, 'slot'])
@php($classes = $active ? ' bg-indigo-700 ' : ' hover:bg-indigo-500 hover:bg-opacity-75 ')
@php($classes .= ' block rounded-md px-3 py-2 text-base font-medium text-white ')
<a {{ $attributes->merge(['class' => $classes]) }}
aria-current="{{ $active ? 'page':'false' }}"
{{ $attributes }}
>{{ $slot }}</a>

50
resources/views/components/layout/navbar/navbar.blade.php
View File

@ -152,30 +152,50 @@
<!-- Mobile menu, show/hide based on menu state. --> <!-- Mobile menu, show/hide based on menu state. -->
<div class="md:hidden" id="mobile-menu" x-show="mobile_menu_open"> <div class="md:hidden" id="mobile-menu" x-show="mobile_menu_open">
<div class="space-y-1 px-2 pb-3 pt-2 sm:px-3"> <div class="space-y-1 px-2 pb-3 pt-2 sm:px-3">
{{-- MOBILE MENU ITEMS HERE--}}
<!-- Current: "bg-indigo-700 text-white", Default: "text-white hover:bg-indigo-500 hover:bg-opacity-75" --> <!-- Current: "bg-indigo-700 text-white", Default: "text-white hover:bg-indigo-500 hover:bg-opacity-75" -->
<a href="/dashboard" class="bg-indigo-700 text-white block rounded-md px-3 py-2 text-base font-medium" {{-- <a href="/dashboard" class="bg-indigo-700 text-white block rounded-md px-3 py-2 text-base font-medium"--}}
aria-current="page">Dashboard</a> {{-- aria-current="page">Dashboard</a>--}}
<x-layout.navbar.nav-link-mobile href="{{ route('dashboard') }}" :active="request()->is('dashboard')">Dashboard
</x-layout.navbar.nav-link-mobile>
@if(Auth::user()->school_id)
<x-layout.navbar.nav-link-mobile href="{{ route('students.index') }}" :active="request()->is('students')">Students
</x-layout.navbar.nav-link-mobile>
<x-layout.navbar.nav-link-mobile href="{{ route('entries.index') }}" :active="request()->is('entries')">Entries
</x-layout.navbar.nav-link-mobile>
@endif
@if(Auth::user()->isJudge() AND Settings::get('judging_enabled'))
<x-layout.navbar.nav-link-mobile href="{{ route('judging.index') }}" :active="request()->is('judging')">Judging
</x-layout.navbar.nav-link-mobile>
@endif
@if(Auth::user()->is_admin)
@include('components.layout.navbar.menus.admin')
@include('components.layout.navbar.menus.setup')
@endif
@if(Auth::user()->canTab())
@include('components.layout.navbar.menus.tabulation')
@endif
</div> </div>
<div class="border-t border-indigo-700 pb-3 pt-4"> <div class="border-t border-indigo-700 pb-3 pt-4">
<div class="flex items-center px-5"> <div class="flex items-center px-5">
<div class="flex-shrink-0"> {{-- <div class="flex-shrink-0">--}}
<img class="h-10 w-10 rounded-full" src="{{ Auth::user()->profile_image_url }}" alt=""> {{-- <img class="h-10 w-10 rounded-full" src="{{ Auth::user()->profile_image_url }}" alt="">--}}
</div> {{-- </div>--}}
<div class="ml-3"> <div class="ml-3">
<div class="text-base font-medium text-white">{{ Auth::user()->full_name() }}</div> <div class="text-base font-medium text-white">{{ Auth::user()->full_name() }}</div>
<div class="text-sm font-medium text-indigo-300">{{ Auth::user()->email }}</div> <div class="text-sm font-medium text-indigo-300">{{ Auth::user()->email }}</div>
</div> </div>
<button type="button" {{-- <button type="button"--}}
class="relative ml-auto flex-shrink-0 rounded-full bg-indigo-600 p-1 text-indigo-200 hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-600"> {{-- class="relative ml-auto flex-shrink-0 rounded-full bg-indigo-600 p-1 text-indigo-200 hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-indigo-600">--}}
<span class="absolute -inset-1.5"></span> {{-- <span class="absolute -inset-1.5"></span>--}}
<span class="sr-only">View notifications</span> {{-- <span class="sr-only">View notifications</span>--}}
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" {{-- <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"--}}
aria-hidden="true"> {{-- aria-hidden="true">--}}
<path stroke-linecap="round" stroke-linejoin="round" {{-- <path stroke-linecap="round" stroke-linejoin="round"--}}
d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0"/> {{-- d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0"/>--}}
</svg> {{-- </svg>--}}
</button> {{-- </button>--}}
</div> </div>
<div class="mt-3 space-y-1 px-2"> <div class="mt-3 space-y-1 px-2">
<a href="/profile" <a href="/profile"