Логотип в моем меню работает некорректно. Некоторые элементы навигации работали, а некоторые нет.CSS

Разбираемся в CSS
Ответить
Anonymous
 Логотип в моем меню работает некорректно. Некоторые элементы навигации работали, а некоторые нет.

Сообщение Anonymous »

Мой логотип
логотип должен выглядеть следующим образом. К вашему сведению, логотип не только выглядит так, но и перенаправляет пользователя на главную панель управления, когда пользователь нажимает на логотип. Что меня смущает, так это то, что на некоторых элементах навигации логотип не отображается, а на некоторых отображается. но он по-прежнему перенаправляет пользователя на панель управления при нажатии.
обозначьте эту проблему
layout.app

Код: Выделить всё












HRKu
[*]




@vite(['resources/css/app.css'])

@stack('style')

img{
aspect-ratio: 4/4;
}










@include('layouts.partials.top-menu')




[list]
[url={{ route(]
[i]
[/url]

[*][url={{ route(][/i]User[/url]
@else
[*]Menu[i][/i]
[*]routeIs('dashboard') ? 'active' : '' }} nav-item">[url={{ route(][i][/i]Dashboard[/url]

[*]routeIs('applications.tab-index') && request()->tab == 'leave') || request()->routeIs('applications.leave.show') ? 'active' : '' }}">[url={{ route(] 'leave']) }}">[i][/i]Leave[/url]

[*]routeIs('applications.tab-index') && request()->tab == 'training') || request()->routeIs('applications.training.show') ? 'active' : '' }}">[url={{ route(] 'training']) }}">[i][/i]Training[/url]

[*]routeIs('applications.tab-index') && request()->tab == 'overtime') || request()->routeIs('applications.overtime.show') ? 'active' : '' }}">[url={{ route(] 'overtime']) }}">[i][/i]Overtime[/url]

[*]routeIs('applications.tab-index') && request()->tab == 'benefit') || request()->routeIs('applications.benefit.show') ? 'active' : '' }}">[url={{ route(]  'benefit']) }}">[i][/i]Claim[/url]

@if(App::environment('local'))
[*]routeIs('pay-slip.*') ? 'active' : '' }}">[url={{ route(][i][/i]Pay Slip[/url]
[*]routeIs('kpi.*') ? 'active' : '' }}">[url={{ route(][i][/i]KPI[/url]
@endif
[*]routeIs('attendance.*') ? 'active' : '' }}">[url={{ route(][i][/i]Attendance[/url]

@canany([RP_MENU_EMPLOYEE, RP_MENU_PAY_SLIP, RP_MENU_ANNOUNCEMENT, RP_MENU_AUDIT_TRAIL, RP_MENU_USER])
[*]HR/SV Manage[i][/i]
@elseif(allowMenuApplication() != NO_ACCESS)
[*]@if(allowMenuApplication() == HR_ACCESS) HR Manage @else SV Manage @endif[i][/i]
@endcanany

@can(RP_MENU_EMPLOYEE)
[*]routeIs('employees.*') ? 'active' : '' }}">[url={{ route(][i][/i]Employee[/url]

@endcan

@can(RP_MENU_PAY_SLIP)
[*]routeIs('pay-slip.*') ? 'active' : '' }}">[url={{ route(][i][/i]Pay Slip[/url]
@endcan

@can(RP_MENU_ANNOUNCEMENT)
[*]routeIs('announcements.*') ? 'active' : '' }}">[url={{ route(][i][/i]Announcement[/url]
@endcan

@can(RP_MENU_AUDIT_TRAIL)
[*][url={{ route(][i][/i]Audit Trail[/url]
@endcan

@if(allowMenuApplication() != NO_ACCESS)
[*][url=javascript::void(0)][i][/i]Application[/url]



[url={{ route(] 'leave']) }}">
[i][/i]
Leave
[/url]


[*]routeIs('applications.manage.tab-index') && request()->tab == 'training' ? 'active' : '' }}">
[url={{ route(] 'training']) }}">
[i][/i]
Training
[/url]


[*]routeIs('applications.manage.tab-index') &&  request()->tab == 'overtime' ? 'active' : '' }}">
[url={{ route(] 'overtime']) }}">
[i][/i]
Overtime
[/url]

@if(allowMenuApplication() == HR_ACCESS)
[*]routeIs('applications.manage.tab-index') && request()->tab == 'benefit' ? 'active' : '' }}">
[url={{ route(]  'benefit']) }}">
[i][/i]
Claim
[/url]

@endif

[/list]

@endif

@hasanyrole(ROLE_HR)
[*]routeIs('kpi-setting.*') ? 'active' : '' }}">[url={{ route(][i][/i]KPI Setting[/url]
[*]routeIs('reporting.*')  ? 'active' : '' }}">
[url={{ route(]
{!! ICON_TRENDING_UP !!}
Reporting
[/url]

[*]routeIs('hepa-access.*') ? 'active' : '' }}">[url={{ route(][i][/i]HEPA ACCESS[/url]
@endhasanyrole

@canany([RP_MENU_PARAMETER, RP_MENU_ROLE_PERMISSION, RP_MENU_APPLICATION_SETTING])
[*]Setting[i][/i]
@can(RP_MENU_PARAMETER)
[*][url=javascript::void(0)][i][/i]Parameters[/url]
[list]


[url={{ route(]
[i][/i]
Category
[/url]


[*]routeIs('parameter.positions.*') ? 'active' : '' }}">
[url={{ route(]
[i][/i]
Positions
[/url]


[*]routeIs('parameter.job-grades.*') ? 'active' : '' }}">
[url={{ route(]
[i][/i]
Job Grade
[/url]


[*]routeIs('parameter.shifts.*') ? 'active' : '' }}">
[url={{ route(]
[i][/i]
Shift
[/url]


[*]routeIs('parameter.public-holiday.*') ? 'active' : '' }}">
[url={{ route(]
[i][/i]
Public Holiday
[/url]

[*][url=#][i][/i]Lookup[/url]


[url={{ route(][i][/i]Hospital/Clinic[/url]


[*]routeIs('parameter.leave-type.*') ? 'active' : '' }}">[url={{ route(][i][/i]Leave Type[/url]
[/list]



@endcan

@can(RP_MENU_ROLE_PERMISSION)
[*]routeIs('roles.*') ? 'active' : '' }}">[url={{ route(][i][/i]Roles & Permission[/url]
@endcan

@can(RP_MENU_APPLICATION_SETTING)

@endcan
@endcanany

[*]Authentication[i][/i]

@endrole

[*][url=javascript::void(0)][i][/i]Logout[/url]





Я отметил проблемный элемент навигации с помощью комментария p.< /п>

Подробнее здесь: https://stackoverflow.com/questions/792 ... ome-doesnt
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»