|
3 | 3 | 'discussions',
|
4 | 4 | ])
|
5 | 5 |
|
6 |
| -<div> |
7 |
| - @if ($discussions->isNotEmpty()) |
8 |
| - <div class="relative -mt-6 divide-y divide-gray-200 dark:divide-white/20"> |
9 |
| - @foreach ($discussions as $discussion) |
10 |
| - <x-discussions.overview :discussion="$discussion" /> |
11 |
| - @endforeach |
12 |
| - </div> |
13 |
| - @else |
14 |
| - <x-empty-state> |
| 6 | +@if ($discussions->isNotEmpty()) |
| 7 | + <div class="relative -mt-6 divide-y divide-gray-200 dark:divide-white/20"> |
| 8 | + @foreach ($discussions as $discussion) |
| 9 | + <x-discussions.overview :discussion="$discussion" /> |
| 10 | + @endforeach |
| 11 | + </div> |
| 12 | +@else |
| 13 | + <x-empty-state> |
| 14 | + <div class="relative"> |
15 | 15 | <div class="relative">
|
16 |
| - <div class="relative"> |
17 |
| - <div class="absolute -inset-1 bg-gradient-to-r rotate-3 w-72 from-flag-green to-flag-red rounded-lg blur opacity-25"></div> |
18 |
| - <div class="relative z-20 bg-white gap-3 rotate-3 p-3 w-72 rounded-lg shadow ring-1 ring-gray-200/50 dark:bg-gray-900 dark:ring-white/10"> |
19 |
| - <div class="space-y-2"> |
20 |
| - <div class="grid grid-cols-3 gap-2 w-1/3"> |
21 |
| - <div class="h-3 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded dark:bg-gray-800"></div> |
22 |
| - <div class="h-3 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded dark:bg-gray-800"></div> |
23 |
| - </div> |
24 |
| - <div class="h-4 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div> |
25 |
| - <div class="h-6 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div> |
26 |
| - </div> |
27 |
| - </div> |
28 |
| - </div> |
29 |
| - <div class="absolute transform scale-[0.8] bottom-10 right-2 shadow w-40 -rotate-6 z-20 bg-white gap-3 p-3 rounded-lg ring-1 ring-gray-200/50 dark:bg-gray-900 dark:ring-white/10"> |
| 16 | + <div class="absolute -inset-1 bg-gradient-to-r rotate-3 w-72 from-flag-green to-flag-red rounded-lg blur opacity-25"></div> |
| 17 | + <div class="relative z-20 bg-white gap-3 rotate-3 p-3 w-72 rounded-lg shadow ring-1 ring-gray-200/50 dark:bg-gray-900 dark:ring-white/10"> |
30 | 18 | <div class="space-y-2">
|
31 |
| - <div class="grid grid-cols-3 gap-2 w-2/3"> |
| 19 | + <div class="grid grid-cols-3 gap-2 w-1/3"> |
32 | 20 | <div class="h-3 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded dark:bg-gray-800"></div>
|
33 | 21 | <div class="h-3 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded dark:bg-gray-800"></div>
|
34 | 22 | </div>
|
35 |
| - <div class="h-2 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div> |
| 23 | + <div class="h-4 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div> |
36 | 24 | <div class="h-6 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
|
37 | 25 | </div>
|
38 | 26 | </div>
|
39 | 27 | </div>
|
40 |
| - <div class="mt-8 space-y-4"> |
41 |
| - <p class="mt-8 text-base text-gray-500 dark:text-gray-400"> |
42 |
| - <span class="font-medium text-gray-700 dark:text-gray-300">{{ $user->name }}</span> |
43 |
| - {{ __('pages/account.activities.empty_discussions') }} |
44 |
| - </p> |
45 |
| - |
46 |
| - @if ($user->isLoggedInUser()) |
47 |
| - @can('create', \App\Models\Discussion::class) |
48 |
| - <x-buttons.primary |
49 |
| - type="button" |
50 |
| - onclick="Livewire.dispatch('openPanel', { component: 'components.slideovers.thread-form' })" |
51 |
| - > |
52 |
| - <x-untitledui-message-text-square class="size-5" aria-hidden="true" /> |
53 |
| - {{ __('global.launch_modal.discussion_action') }} |
54 |
| - </x-buttons.primary> |
55 |
| - @endcan |
56 |
| - @endif |
| 28 | + <div class="absolute transform scale-[0.8] bottom-10 right-2 shadow w-40 -rotate-6 z-20 bg-white gap-3 p-3 rounded-lg ring-1 ring-gray-200/50 dark:bg-gray-900 dark:ring-white/10"> |
| 29 | + <div class="space-y-2"> |
| 30 | + <div class="grid grid-cols-3 gap-2 w-2/3"> |
| 31 | + <div class="h-3 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded dark:bg-gray-800"></div> |
| 32 | + <div class="h-3 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded dark:bg-gray-800"></div> |
| 33 | + </div> |
| 34 | + <div class="h-2 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div> |
| 35 | + <div class="h-6 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div> |
| 36 | + </div> |
57 | 37 | </div>
|
58 |
| - </x-empty-state> |
59 |
| - @endif |
60 |
| -</div> |
| 38 | + </div> |
| 39 | + <div class="mt-8 space-y-4"> |
| 40 | + <p class="mt-8 text-base text-gray-500 dark:text-gray-400"> |
| 41 | + <span class="font-medium text-gray-700 dark:text-gray-300">{{ $user->name }}</span> |
| 42 | + {{ __('pages/account.activities.empty_discussions') }} |
| 43 | + </p> |
| 44 | + |
| 45 | + @if ($user->isLoggedInUser()) |
| 46 | + @can('create', \App\Models\Discussion::class) |
| 47 | + <x-buttons.primary |
| 48 | + type="button" |
| 49 | + onclick="Livewire.dispatch('openPanel', { component: 'components.slideovers.thread-form' })" |
| 50 | + > |
| 51 | + <x-untitledui-message-text-square class="size-5" aria-hidden="true" /> |
| 52 | + {{ __('global.launch_modal.discussion_action') }} |
| 53 | + </x-buttons.primary> |
| 54 | + @endcan |
| 55 | + @endif |
| 56 | + </div> |
| 57 | + </x-empty-state> |
| 58 | +@endif |
0 commit comments