Merge pull request #86 from devaslanphp/dev

Design enhancement: Main menu

Author: heloufir

resources/views/components/main-menu.blade.php

@@ -39,7 +39,7 @@
                             <a
                                 href="{{ route($key) }}"
                                 id="{{ $key }}"
-                                class="relative flex items-center justify-between gap-2 py-2 px-3 text-base rounded-lg dark:text-white {{ (Route::is($key) || Route::is($key . '.*')) ? 'text-white bg-primary-500 font-medium' : 'text-gray-500 font-normal hover:bg-gray-100 dark:hover:bg-gray-700' }}">
+                                class="relative xl:flex hidden items-center justify-between gap-2 py-2 px-3 text-base rounded-lg dark:text-white {{ (Route::is($key) || Route::is($key . '.*')) ? 'text-white bg-primary-500 font-medium' : 'text-gray-500 font-normal hover:bg-gray-100 dark:hover:bg-gray-700' }}">
                                 <div class="relative">
                                     <i class="fa {{ $value['icon'] }}"></i>
                                     @if($value['show_notification_indicator'] && auth()->user()->unreadNotifications()->count())
@@ -50,6 +50,17 @@ class="relative flex items-center justify-between gap-2 py-2 px-3 text-base roun
                                     <span>@lang($value['title'])</span>
                                 @endif
                             </a>
+                            <a
+                                href="{{ route($key) }}"
+                                class="relative xl:hidden flex items-center justify-between gap-2 py-2 px-3 text-base rounded-lg dark:text-white {{ (Route::is($key) || Route::is($key . '.*')) ? 'text-white bg-primary-500 font-medium' : 'text-gray-500 font-normal hover:bg-gray-100 dark:hover:bg-gray-700' }}">
+                                <div class="relative">
+                                    <i class="fa {{ $value['icon'] }}"></i>
+                                    @if($value['show_notification_indicator'] && auth()->user()->unreadNotifications()->count())
+                                        <i class="fa fa-circle fa-beat-fade {{ (Route::is($key) || Route::is($key . '.*')) ? 'text-white' : 'text-primary-500' }} absolute -right-1" style="font-size: .4rem; --fa-beat-fade-opacity: .65; --fa-beat-fade-scale: 1.075;"></i>
+                                    @endif
+                                </div>
+                                <span>@lang($value['title'])</span>
+                            </a>
                         </li>
                     @endif
                 @endforeach