shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more action styling change for dashboard & report

Browse Source
This commit is contained in:
Burak Civan 2022-06-16 16:21:19 +03:00
parent 10f002724a
commit 2fdae3f68a
7 changed files with 25 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
public/css/app.css vendored
View File

@ -36064,10 +36064,6 @@ body{
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:rounded-lg:hover{
border-radius: 0.5rem;
}
.hover\:rounded-md:hover{
border-radius: 0.375rem;
}
@ -36232,13 +36228,6 @@ body{
text-decoration-line: underline;
}
.hover\:shadow-md:hover{
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-2xl:hover{
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
@ -36498,6 +36487,12 @@ body{
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[dir="ltr"] .ltr\:space-x-4 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
[dir="ltr"] .ltr\:pr-6{
padding-right: 1.5rem;
}
@ -36614,10 +36609,6 @@ body{
float: left;
}
[dir="rtl"] .rtl\:m-4{
margin: 1rem;
}
[dir="rtl"] .rtl\:ml-4{
margin-left: 1rem;
}
@ -36638,6 +36629,10 @@ body{
margin-left: 0.75rem;
}
[dir="rtl"] .rtl\:mr-4{
margin-right: 1rem;
}
[dir="rtl"] .rtl\:ml-1{
margin-left: 0.25rem;
}
@ -36646,10 +36641,6 @@ body{
margin-right: 0.25rem;
}
[dir="rtl"] .rtl\:mr-4{
margin-right: 1rem;
}
[dir="rtl"] .rtl\:-mr-7{
margin-right: -1.75rem;
}

4
resources/views/common/dashboards/show.blade.php
View File

@ -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')

6
resources/views/common/reports/index.blade.php
View File

@ -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')

4
resources/views/components/widgets/header.blade.php
View File

@ -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')

2
resources/views/livewire/menu/favorite.blade.php
View File

@ -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()"

2
resources/views/livewire/menu/favorites.blade.php
View File

@ -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',
])

6
resources/views/livewire/report/pin.blade.php
View File

@ -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 }}')"