Skip to content

Commit 9459e47

Browse files
author
Hatim EL OUFIR
committed
Design enhancement
1 parent 535ae71 commit 9459e47

2 files changed

Lines changed: 25 additions & 19 deletions

File tree

‎app/Http/Livewire/Administration/Companies.php‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
namespace App\Http\Livewire\Administration;
44

55
use App\Models\Company;
6+
use App\Tables\Columns\UserColumn;
67
use Filament\Tables\Actions\Action;
78
use Filament\Tables\Columns\ImageColumn;
89
use Filament\Tables\Columns\TextColumn;
@@ -53,6 +54,11 @@ protected function getTableColumns(): array
5354
->searchable()
5455
->sortable(),
5556

57+
UserColumn::make('responsible')
58+
->label(__('Responsible'))
59+
->searchable()
60+
->sortable(),
61+
5662
TextColumn::make('created_at')
5763
->label(__('Created at'))
5864
->sortable()

‎resources/views/components/administration.blade.php‎

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
<div class="w-full flex flex-col gap-8">
1+
<div class="w-full flex flex-row flex-wrap">
22

3-
<div class="flex flex-col items-center bg-white rounded-lg border shadow-md md:flex-row w-full hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
4-
<div class="w-52 h-36 bg-cover bg-center bg-no-repeat rounded-tl-lg rounded-bl-lg border-r border-gray-200" style="background-image: url('{{ asset('images/administration/users.jpg') }}')"></div>
5-
<div class="flex flex-col justify-between p-4 leading-normal">
3+
<div class="flex flex-row xl:w-1/2 w-full items-center bg-white w-full hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
4+
<div class="w-52 h-36 bg-cover bg-center bg-no-repeat rounded-tl-lg rounded-bl-lg" style="background-image: url('{{ asset('images/administration/users.jpg') }}')"></div>
5+
<div class="flex flex-col justify-between p-4 leading-normal w-full">
66
<h5 class="mb-2 text-2xl font-medium tracking-tight text-gray-900 dark:text-white">@lang('User Management')</h5>
77
<p class="mb-3 font-normal text-gray-700 dark:text-gray-400">@lang('Here you can show and manage the users list configured on :app', [
88
'app' => config('app.name')
@@ -16,9 +16,9 @@
1616
</div>
1717
</div>
1818

19-
<div class="flex flex-col items-center bg-white rounded-lg border shadow-md md:flex-row w-full hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
20-
<div class="w-52 h-36 bg-cover bg-center bg-no-repeat rounded-tl-lg rounded-bl-lg border-r border-gray-200" style="background-image: url('{{ asset('images/administration/companies.jpeg') }}')"></div>
21-
<div class="flex flex-col justify-between p-4 leading-normal">
19+
<div class="flex flex-row xl:w-1/2 w-full items-center bg-white w-full hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
20+
<div class="w-52 h-36 bg-cover bg-center bg-no-repeat rounded-tl-lg rounded-bl-lg" style="background-image: url('{{ asset('images/administration/companies.jpeg') }}')"></div>
21+
<div class="flex flex-col justify-between p-4 leading-normal w-full">
2222
<h5 class="mb-2 text-2xl font-medium tracking-tight text-gray-900 dark:text-white">@lang('Companies Management')</h5>
2323
<p class="mb-3 font-normal text-gray-700 dark:text-gray-400">@lang('Here you can show and manage the companies list configured on :app', [
2424
'app' => config('app.name')
@@ -32,9 +32,9 @@
3232
</div>
3333
</div>
3434

35-
<div class="flex flex-col items-center bg-white rounded-lg border shadow-md md:flex-row w-full hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
36-
<div class="w-52 h-36 bg-cover bg-center bg-no-repeat rounded-tl-lg rounded-bl-lg border-r border-gray-200" style="background-image: url('{{ asset('images/administration/workflow.jpg') }}')"></div>
37-
<div class="flex flex-col justify-between p-4 leading-normal">
35+
<div class="flex flex-row xl:w-1/2 w-full items-center bg-white w-full hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
36+
<div class="w-52 h-36 bg-cover bg-center bg-no-repeat rounded-tl-lg rounded-bl-lg" style="background-image: url('{{ asset('images/administration/workflow.jpg') }}')"></div>
37+
<div class="flex flex-col justify-between p-4 leading-normal w-full">
3838
<h5 class="mb-2 text-2xl font-medium tracking-tight text-gray-900 dark:text-white">@lang('Statuses Management')</h5>
3939
<p class="mb-3 font-normal text-gray-700 dark:text-gray-400">@lang('Here you can show and manage the tickets statuses list configured on :app', [
4040
'app' => config('app.name')
@@ -48,9 +48,9 @@
4848
</div>
4949
</div>
5050

51-
<div class="flex flex-col items-center bg-white rounded-lg border shadow-md md:flex-row w-full hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
52-
<div class="w-52 h-36 bg-cover bg-center bg-no-repeat rounded-tl-lg rounded-bl-lg border-r border-gray-200" style="background-image: url('{{ asset('images/administration/priorities.jpg') }}')"></div>
53-
<div class="flex flex-col justify-between p-4 leading-normal">
51+
<div class="flex flex-row xl:w-1/2 w-full items-center bg-white w-full hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
52+
<div class="w-52 h-36 bg-cover bg-center bg-no-repeat rounded-tl-lg rounded-bl-lg" style="background-image: url('{{ asset('images/administration/priorities.jpg') }}')"></div>
53+
<div class="flex flex-col justify-between p-4 leading-normal w-full">
5454
<h5 class="mb-2 text-2xl font-medium tracking-tight text-gray-900 dark:text-white">@lang('Priorities Management')</h5>
5555
<p class="mb-3 font-normal text-gray-700 dark:text-gray-400">@lang('Here you can show and manage the tickets priorities list configured on :app', [
5656
'app' => config('app.name')
@@ -64,9 +64,9 @@
6464
</div>
6565
</div>
6666

67-
<div class="flex flex-col items-center bg-white rounded-lg border shadow-md md:flex-row w-full hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
68-
<div class="w-52 h-36 bg-cover bg-center bg-no-repeat rounded-tl-lg rounded-bl-lg border-r border-gray-200" style="background-image: url('{{ asset('images/administration/types.jpg') }}')"></div>
69-
<div class="flex flex-col justify-between p-4 leading-normal">
67+
<div class="flex flex-row xl:w-1/2 w-full items-center bg-white w-full hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
68+
<div class="w-52 h-36 bg-cover bg-center bg-no-repeat rounded-tl-lg rounded-bl-lg" style="background-image: url('{{ asset('images/administration/types.jpg') }}')"></div>
69+
<div class="flex flex-col justify-between p-4 leading-normal w-full">
7070
<h5 class="mb-2 text-2xl font-medium tracking-tight text-gray-900 dark:text-white">@lang('Types Management')</h5>
7171
<p class="mb-3 font-normal text-gray-700 dark:text-gray-400">@lang('Here you can show and manage the tickets types list configured on :app', [
7272
'app' => config('app.name')
@@ -80,9 +80,9 @@
8080
</div>
8181
</div>
8282

83-
<div class="flex flex-col items-center bg-white rounded-lg border shadow-md md:flex-row w-full hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
84-
<div class="w-52 h-36 bg-cover bg-center bg-no-repeat rounded-tl-lg rounded-bl-lg border-r border-gray-200" style="background-image: url('{{ asset('images/administration/activity-logs.jpg') }}')"></div>
85-
<div class="flex flex-col justify-between p-4 leading-normal">
83+
<div class="flex flex-row xl:w-1/2 w-full items-center bg-white w-full hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
84+
<div class="w-52 h-36 bg-cover bg-center bg-no-repeat rounded-tl-lg rounded-bl-lg" style="background-image: url('{{ asset('images/administration/activity-logs.jpg') }}')"></div>
85+
<div class="flex flex-col justify-between p-4 leading-normal w-full">
8686
<h5 class="mb-2 text-2xl font-medium tracking-tight text-gray-900 dark:text-white">@lang('Activity logs')</h5>
8787
<p class="mb-3 font-normal text-gray-700 dark:text-gray-400">@lang('Here you can see all activity logs of :app', [
8888
'app' => config('app.name')

0 commit comments

Comments
 (0)