more action styling change for dashboard & report
This commit is contained in:
@ -100,7 +100,9 @@
|
||||
<div class="dashboard-action">
|
||||
<x-dropdown id="dropdown-dashboard-company">
|
||||
<x-slot name="trigger" class="flex" override="class">
|
||||
<span id="dashboard-more-actions" class="material-icons-outlined text-4xl text-purple cursor-pointer hover:bg-gray-100 hover:rounded-lg hover:shadow-md">more_vert</span>
|
||||
<span id="dashboard-more-actions" class="w-8 h-8 flex items-center justify-center px-2 py-2 ltr:ml-2 rtl:mr-2 hover:bg-gray-100 rounded-xl text-purple text-sm font-medium leading-6">
|
||||
<span class="material-icons">more_vert</span>
|
||||
</span>
|
||||
</x-slot>
|
||||
|
||||
@can('create-common-widgets')
|
||||
|
@ -52,13 +52,15 @@
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start">
|
||||
<div class="flex items-start ltr:space-x-4 rtl:space-x-reverse">
|
||||
<livewire:report.pin :categories="$categories" :report-id="$report->id" />
|
||||
|
||||
@canany(['create-common-reports', 'update-common-reports', 'delete-common-reports'])
|
||||
<x-dropdown id="widget-{{ $category_id }}-{{ $report->id }}">
|
||||
<x-slot name="trigger" class="flex" override="class">
|
||||
<span class="material-icons-outlined text-lg px-1 py-0.5 cursor-pointer hover:bg-gray-100 hover:rounded-lg hover:shadow-md">more_vert</span>
|
||||
<span class="w-8 h-8 flex items-center justify-center px-2 py-2 rtl:mr-4 hover:bg-gray-100 rounded-xl text-purple text-sm font-medium leading-6">
|
||||
<span class="material-icons">more_vert</span>
|
||||
</span>
|
||||
</x-slot>
|
||||
|
||||
@can('update-common-reports')
|
||||
|
@ -12,7 +12,9 @@
|
||||
|
||||
<x-dropdown id="dropdown-widget-{{ $class->model->id }}">
|
||||
<x-slot name="trigger" class="flex" override="class">
|
||||
<span id="dashboard-widget-more-actions" class="material-icons cursor-pointer text-purple hover:bg-gray-100 hover:rounded-lg hover:shadow-md">more_vert</span>
|
||||
<span id="dashboard-widget-more-actions" class="w-8 h-8 flex items-center justify-center px-2 py-2 hover:bg-gray-100 rounded-xl text-purple text-sm font-medium leading-6">
|
||||
<span class="material-icons">more_vert</span>
|
||||
</span>
|
||||
</x-slot>
|
||||
|
||||
@can('update-common-widgets')
|
||||
|
@ -3,7 +3,7 @@
|
||||
id="{{ $favorited ? 'remove-from-favorite' : 'add-to-favorite' }}"
|
||||
@class([
|
||||
'flex items-center text-purple text-2xl ltr:ml-2 rtl:mr-2 lg:mt-2 cursor-pointer',
|
||||
'material-icons-outlined' => ($favorited) ? false : true,
|
||||
'material-icons-outlined transform transition-all hover:scale-125' => ($favorited) ? false : true,
|
||||
'material-icons' => (! $favorited) ? false : true,
|
||||
])
|
||||
wire:click="changeStatus()"
|
||||
|
@ -7,7 +7,7 @@
|
||||
<span
|
||||
id="{{ $favorite['id'] }}"
|
||||
@class([
|
||||
'material-icons-outlined' => ! $favorite['active'],
|
||||
'material-icons-outlined transform transition-all hover:scale-125' => ! $favorite['active'],
|
||||
'material-icons' => $favorite['active'],
|
||||
'text-purple cursor-pointer',
|
||||
])
|
||||
|
@ -1,9 +1,9 @@
|
||||
<button class="ltr:mr-4 rtl:m-4" data-tooltip-target="{{ $reportId }}-pin" data-tooltip-placement="bottom">
|
||||
<button class="w-8 h-8 flex items-center justify-center px-2 py-2 rounded-xl text-purple text-sm font-medium leading-6" data-tooltip-target="{{ $reportId }}-pin" data-tooltip-placement="bottom">
|
||||
<span
|
||||
id="{{ $pinned ? 'reports-unpin-' . $reportId : 'reports-pin-' . $reportId }}"
|
||||
@class([
|
||||
'text-black-400 text-lg transform rotate-45 cursor-pointer mx-2',
|
||||
'material-icons-outlined' => ($pinned) ? false : true,
|
||||
'text-lg transform rotate-45 transition-all',
|
||||
'material-icons-outlined hover:scale-125' => ($pinned) ? false : true,
|
||||
'material-icons' => (! $pinned) ? false : true,
|
||||
])
|
||||
wire:click="changeStatus('{{ $reportId }}')"
|
||||
|
Reference in New Issue
Block a user