From da744f645a4ad1212c27ffec192bb399401c90de Mon Sep 17 00:00:00 2001 From: Arthur Monney Date: Tue, 14 Feb 2023 13:27:09 +0100 Subject: [PATCH 1/3] :art: Fix ambiguous notifications between filament and livewire app project component --- app/Http/Livewire/NotificationIndicator.php | 3 +- ...otifications.php => NotificationsPage.php} | 12 +- app/Http/Livewire/Reactions.php | 12 +- public/css/app.css | 283 ++++++++++-------- public/css/filament.css | 283 ++++++++++-------- resources/js/app.js | 4 +- resources/views/layouts/app.blade.php | 24 -- resources/views/layouts/master.blade.php | 1 + resources/views/layouts/settings.blade.php | 7 +- .../views/livewire/articles/browse.blade.php | 16 +- ...blade.php => notifications-page.blade.php} | 0 resources/views/user/notifications.blade.php | 6 +- 12 files changed, 335 insertions(+), 316 deletions(-) rename app/Http/Livewire/{Notifications.php => NotificationsPage.php} (81%) delete mode 100644 resources/views/layouts/app.blade.php rename resources/views/livewire/{notifications.blade.php => notifications-page.blade.php} (100%) diff --git a/app/Http/Livewire/NotificationIndicator.php b/app/Http/Livewire/NotificationIndicator.php index 33784ead..bb139091 100644 --- a/app/Http/Livewire/NotificationIndicator.php +++ b/app/Http/Livewire/NotificationIndicator.php @@ -2,6 +2,7 @@ namespace App\Http\Livewire; +use Illuminate\Contracts\View\View; use Illuminate\Support\Facades\Auth; use Livewire\Component; @@ -18,7 +19,7 @@ public function setHasNotification(int $count): bool return $count > 0; } - public function render() + public function render(): View { $this->hasNotification = $this->setHasNotification( Auth::user()->unreadNotifications()->count(), diff --git a/app/Http/Livewire/Notifications.php b/app/Http/Livewire/NotificationsPage.php similarity index 81% rename from app/Http/Livewire/Notifications.php rename to app/Http/Livewire/NotificationsPage.php index dd6ac22e..b895ff64 100644 --- a/app/Http/Livewire/Notifications.php +++ b/app/Http/Livewire/NotificationsPage.php @@ -4,13 +4,14 @@ use App\Policies\NotificationPolicy; use Carbon\Carbon; +use Filament\Notifications\Notification; use Illuminate\Contracts\View\View; use Illuminate\Foundation\Auth\Access\AuthorizesRequests; use Illuminate\Notifications\DatabaseNotification; use Illuminate\Support\Facades\Auth; use Livewire\Component; -class Notifications extends Component +class NotificationsPage extends Component { use AuthorizesRequests; @@ -36,15 +37,18 @@ public function markAsRead(string $notificationId): void // @phpstan-ignore-next-line $this->notification->markAsRead(); - // @ToDo mettre un nouveau system de notification - // $this->notification()->success('Notification', 'Cette notification a été marquée comme lue.'); + Notification::make() + ->title(__('Cette notification a été marquée comme lue.')) + ->success() + ->seconds(5) + ->send(); $this->emit('NotificationMarkedAsRead', Auth::user()->unreadNotifications()->count()); } public function render(): View { - return view('livewire.notifications', [ + return view('livewire.notifications-page', [ 'notifications' => Auth::user() ->unreadNotifications() ->take(10) diff --git a/app/Http/Livewire/Reactions.php b/app/Http/Livewire/Reactions.php index d4c5daa8..5c578c29 100644 --- a/app/Http/Livewire/Reactions.php +++ b/app/Http/Livewire/Reactions.php @@ -4,6 +4,7 @@ use App\Contracts\ReactableInterface; use App\Models\Reaction; +use Filament\Notifications\Notification; use Illuminate\Contracts\View\View; use Illuminate\Support\Facades\Auth; use Livewire\Component; @@ -21,11 +22,12 @@ class Reactions extends Component public function userReacted(string $reaction): void { if (Auth::guest()) { - // @ToDo mettre un nouveau system de notification -// $this->notification()->error( -// 'Oh Oh! Erreur', -// 'Vous devez être connecté pour réagir à ce contenu!' -// ); + Notification::make() + ->title(__('Oh Oh! Erreur')) + ->body(__('Vous devez être connecté pour réagir à ce contenu!')) + ->danger() + ->duration(5000) + ->send(); } else { /** @var Reaction $react */ $react = Reaction::query()->where('name', $reaction)->first(); diff --git a/public/css/app.css b/public/css/app.css index 9ac71993..46a9098c 100755 --- a/public/css/app.css +++ b/public/css/app.css @@ -6686,15 +6686,18 @@ select { .ml-11 { margin-left: 2.75rem; } -.-mt-16 { - margin-top: -4rem; -} .mt-\[calc\(-1rem-1px\)\] { margin-top: calc(-1rem - 1px); } .-mr-6 { margin-right: -1.5rem; } +.mr-6 { + margin-right: 1.5rem; +} +.-mb-12 { + margin-bottom: -3rem; +} .-ml-2 { margin-left: -0.5rem; } @@ -6713,18 +6716,15 @@ select { .-mr-1\.5 { margin-right: -0.375rem; } -.mr-6 { - margin-right: 1.5rem; -} -.-mb-12 { - margin-bottom: -3rem; -} .ml-0\.5 { margin-left: 0.125rem; } .ml-0 { margin-left: 0px; } +.-mt-16 { + margin-top: -4rem; +} .-mb-1\.5 { margin-bottom: -0.375rem; } @@ -6872,6 +6872,12 @@ select { .min-h-\[250px\] { min-height: 250px; } +.min-h-\[40px\] { + min-height: 40px; +} +.min-h-\[56px\] { + min-height: 56px; +} .min-h-\[2\.25rem\] { min-height: 2.25rem; } @@ -6881,12 +6887,6 @@ select { .min-h-\[2\.75rem\] { min-height: 2.75rem; } -.min-h-\[40px\] { - min-height: 40px; -} -.min-h-\[56px\] { - min-height: 56px; -} .w-full { width: 100%; } @@ -7243,12 +7243,12 @@ select { .cursor-wait { cursor: wait; } -.cursor-not-allowed { - cursor: not-allowed; -} .cursor-move { cursor: move; } +.cursor-not-allowed { + cursor: not-allowed; +} .select-none { -webkit-user-select: none; -moz-user-select: none; @@ -7781,21 +7781,25 @@ select { --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity)); } -.border-gray-600 { +.border-gray-200 { --tw-border-opacity: 1; - border-color: rgb(75 85 99 / var(--tw-border-opacity)); + border-color: rgb(229 231 235 / var(--tw-border-opacity)); +} +.border-danger-300 { + --tw-border-opacity: 1; + border-color: rgb(253 164 175 / var(--tw-border-opacity)); } .border-danger-600 { --tw-border-opacity: 1; border-color: rgb(225 29 72 / var(--tw-border-opacity)); } -.border-gray-200 { +.border-primary-500 { --tw-border-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-border-opacity)); + border-color: rgb(16 185 129 / var(--tw-border-opacity)); } -.border-danger-300 { +.border-gray-600 { --tw-border-opacity: 1; - border-color: rgb(253 164 175 / var(--tw-border-opacity)); + border-color: rgb(75 85 99 / var(--tw-border-opacity)); } .border-primary-600 { --tw-border-opacity: 1; @@ -7809,10 +7813,6 @@ select { --tw-border-opacity: 1; border-color: rgb(202 138 4 / var(--tw-border-opacity)); } -.border-primary-500 { - --tw-border-opacity: 1; - border-color: rgb(16 185 129 / var(--tw-border-opacity)); -} .bg-green-50 { --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity)); @@ -7992,9 +7992,6 @@ select { --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity)); } -.bg-white\/50 { - background-color: rgb(255 255 255 / 0.5); -} .bg-primary-50 { --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity)); @@ -8003,26 +8000,6 @@ select { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } -.bg-primary-600 { - --tw-bg-opacity: 1; - background-color: rgb(5 150 105 / var(--tw-bg-opacity)); -} -.bg-success-600 { - --tw-bg-opacity: 1; - background-color: rgb(22 163 74 / var(--tw-bg-opacity)); -} -.bg-danger-600 { - --tw-bg-opacity: 1; - background-color: rgb(225 29 72 / var(--tw-bg-opacity)); -} -.bg-warning-600 { - --tw-bg-opacity: 1; - background-color: rgb(202 138 4 / var(--tw-bg-opacity)); -} -.bg-gray-600 { - --tw-bg-opacity: 1; - background-color: rgb(75 85 99 / var(--tw-bg-opacity)); -} .bg-gray-500\/5 { background-color: rgb(107 114 128 / 0.05); } @@ -8046,6 +8023,26 @@ select { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } +.bg-primary-600 { + --tw-bg-opacity: 1; + background-color: rgb(5 150 105 / var(--tw-bg-opacity)); +} +.bg-success-600 { + --tw-bg-opacity: 1; + background-color: rgb(22 163 74 / var(--tw-bg-opacity)); +} +.bg-danger-600 { + --tw-bg-opacity: 1; + background-color: rgb(225 29 72 / var(--tw-bg-opacity)); +} +.bg-warning-600 { + --tw-bg-opacity: 1; + background-color: rgb(202 138 4 / var(--tw-bg-opacity)); +} +.bg-gray-600 { + --tw-bg-opacity: 1; + background-color: rgb(75 85 99 / var(--tw-bg-opacity)); +} .bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); @@ -8056,6 +8053,9 @@ select { .bg-gray-50\/80 { background-color: rgb(249 250 251 / 0.8); } +.bg-white\/50 { + background-color: rgb(255 255 255 / 0.5); +} .bg-white\/20 { background-color: rgb(255 255 255 / 0.2); } @@ -8747,9 +8747,9 @@ select { --tw-text-opacity: 1; color: rgb(127 29 29 / var(--tw-text-opacity)); } -.text-danger-700 { +.text-slate-700 { --tw-text-opacity: 1; - color: rgb(190 18 60 / var(--tw-text-opacity)); + color: rgb(51 65 85 / var(--tw-text-opacity)); } .text-danger-500 { --tw-text-opacity: 1; @@ -8763,37 +8763,41 @@ select { --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity)); } -.text-danger-400 { - --tw-text-opacity: 1; - color: rgb(251 113 133 / var(--tw-text-opacity)); -} .text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } -.text-danger-600 { +.text-slate-300 { --tw-text-opacity: 1; - color: rgb(225 29 72 / var(--tw-text-opacity)); + color: rgb(203 213 225 / var(--tw-text-opacity)); +} +.text-slate-900 { + --tw-text-opacity: 1; + color: rgb(15 23 42 / var(--tw-text-opacity)); +} +.text-slate-500 { + --tw-text-opacity: 1; + color: rgb(100 116 139 / var(--tw-text-opacity)); } .text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); } -.text-primary-600 { +.text-gray-50 { --tw-text-opacity: 1; - color: rgb(5 150 105 / var(--tw-text-opacity)); + color: rgb(249 250 251 / var(--tw-text-opacity)); } -.text-success-600 { +.text-danger-600 { --tw-text-opacity: 1; - color: rgb(22 163 74 / var(--tw-text-opacity)); + color: rgb(225 29 72 / var(--tw-text-opacity)); } -.text-warning-600 { +.text-primary-600 { --tw-text-opacity: 1; - color: rgb(202 138 4 / var(--tw-text-opacity)); + color: rgb(5 150 105 / var(--tw-text-opacity)); } -.text-gray-50 { +.text-danger-400 { --tw-text-opacity: 1; - color: rgb(249 250 251 / var(--tw-text-opacity)); + color: rgb(251 113 133 / var(--tw-text-opacity)); } .text-primary-700 { --tw-text-opacity: 1; @@ -8811,6 +8815,18 @@ select { --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-text-opacity)); } +.text-success-600 { + --tw-text-opacity: 1; + color: rgb(22 163 74 / var(--tw-text-opacity)); +} +.text-warning-600 { + --tw-text-opacity: 1; + color: rgb(202 138 4 / var(--tw-text-opacity)); +} +.text-danger-700 { + --tw-text-opacity: 1; + color: rgb(190 18 60 / var(--tw-text-opacity)); +} .text-success-700 { --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity)); @@ -8990,6 +9006,13 @@ select { --tw-ring-opacity: 1; --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity)); } +.ring-black\/5 { + --tw-ring-color: rgb(22 27 34 / 0.05); +} +.ring-danger-500 { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(244 63 94 / var(--tw-ring-opacity)); +} .ring-danger-600 { --tw-ring-opacity: 1; --tw-ring-color: rgb(225 29 72 / var(--tw-ring-opacity)); @@ -8998,13 +9021,6 @@ select { --tw-ring-opacity: 1; --tw-ring-color: rgb(251 113 133 / var(--tw-ring-opacity)); } -.ring-black\/5 { - --tw-ring-color: rgb(22 27 34 / 0.05); -} -.ring-danger-500 { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(244 63 94 / var(--tw-ring-opacity)); -} .ring-primary-500 { --tw-ring-opacity: 1; --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity)); @@ -9303,6 +9319,11 @@ select { background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } +.hover\:bg-gray-50:hover { + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); +} + .hover\:bg-primary-600\/20:hover { background-color: rgb(5 150 105 / 0.2); } @@ -9323,11 +9344,6 @@ select { background-color: rgb(75 85 99 / 0.2); } -.hover\:bg-gray-50:hover { - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); -} - .hover\:bg-gray-500:hover { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -9452,6 +9468,11 @@ select { color: rgb(16 185 129 / var(--tw-text-opacity)); } +.hover\:text-primary-800:hover { + --tw-text-opacity: 1; + color: rgb(6 95 70 / var(--tw-text-opacity)); +} + .hover\:text-danger-500:hover { --tw-text-opacity: 1; color: rgb(244 63 94 / var(--tw-text-opacity)); @@ -9546,14 +9567,14 @@ select { border-color: rgb(16 185 129 / var(--tw-border-opacity)); } -.focus\:border-primary-600:focus { +.focus\:border-primary-300:focus { --tw-border-opacity: 1; - border-color: rgb(5 150 105 / var(--tw-border-opacity)); + border-color: rgb(110 231 183 / var(--tw-border-opacity)); } -.focus\:border-primary-300:focus { +.focus\:border-primary-600:focus { --tw-border-opacity: 1; - border-color: rgb(110 231 183 / var(--tw-border-opacity)); + border-color: rgb(5 150 105 / var(--tw-border-opacity)); } .focus\:bg-primary-500\/10:focus { @@ -9600,6 +9621,11 @@ select { background-color: rgb(107 114 128 / 0.05); } +.focus\:bg-gray-50:focus { + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); +} + .focus\:bg-primary-700\/20:focus { background-color: rgb(4 120 87 / 0.2); } @@ -9650,11 +9676,6 @@ select { background-color: rgb(55 65 81 / var(--tw-bg-opacity)); } -.focus\:bg-gray-50:focus { - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); -} - .focus\:bg-white:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); @@ -10048,6 +10069,10 @@ select { margin-left: -1.5rem; } +[dir="rtl"] .rtl\:ml-6 { + margin-left: 1.5rem; +} + [dir="rtl"] .rtl\:ml-1 { margin-left: 0.25rem; } @@ -10092,10 +10117,6 @@ select { margin-left: -0.25rem; } -[dir="rtl"] .rtl\:ml-6 { - margin-left: 1.5rem; -} - [dir="rtl"] .rtl\:ml-3 { margin-left: 0.75rem; } @@ -10181,11 +10202,6 @@ select { border-color: rgb(75 85 99 / var(--tw-border-opacity)); } -.dark .dark\:border-danger-400 { - --tw-border-opacity: 1; - border-color: rgb(251 113 133 / var(--tw-border-opacity)); -} - .dark .dark\:border-gray-800 { --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity)); @@ -10196,6 +10212,11 @@ select { border-color: rgb(107 114 128 / var(--tw-border-opacity)); } +.dark .dark\:border-danger-400 { + --tw-border-opacity: 1; + border-color: rgb(251 113 133 / var(--tw-border-opacity)); +} + .dark .dark\:border-primary-500 { --tw-border-opacity: 1; border-color: rgb(16 185 129 / var(--tw-border-opacity)); @@ -10236,10 +10257,6 @@ select { background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } -.dark .dark\:bg-gray-900\/50 { - background-color: rgb(17 24 39 / 0.5); -} - .dark .dark\:bg-gray-500\/10 { background-color: rgb(107 114 128 / 0.1); } @@ -10270,6 +10287,10 @@ select { background-color: rgb(107 114 128 / 0.2); } +.dark .dark\:bg-gray-900\/50 { + background-color: rgb(17 24 39 / 0.5); +} + .dark .dark\:bg-primary-600 { --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity)); @@ -10279,19 +10300,14 @@ select { fill: currentColor; } -.dark .dark\:text-gray-300 { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); -} - -.dark .dark\:text-danger-400 { +.dark .dark\:text-white { --tw-text-opacity: 1; - color: rgb(251 113 133 / var(--tw-text-opacity)); + color: rgb(255 255 255 / var(--tw-text-opacity)); } -.dark .dark\:text-white { +.dark .dark\:text-gray-300 { --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); + color: rgb(209 213 219 / var(--tw-text-opacity)); } .dark .dark\:text-gray-400 { @@ -10309,9 +10325,9 @@ select { color: rgb(243 244 246 / var(--tw-text-opacity)); } -.dark .dark\:text-success-500 { +.dark .dark\:text-gray-200 { --tw-text-opacity: 1; - color: rgb(34 197 94 / var(--tw-text-opacity)); + color: rgb(229 231 235 / var(--tw-text-opacity)); } .dark .dark\:text-danger-500 { @@ -10319,14 +10335,9 @@ select { color: rgb(244 63 94 / var(--tw-text-opacity)); } -.dark .dark\:text-warning-500 { - --tw-text-opacity: 1; - color: rgb(234 179 8 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-200 { +.dark .dark\:text-danger-400 { --tw-text-opacity: 1; - color: rgb(229 231 235 / var(--tw-text-opacity)); + color: rgb(251 113 133 / var(--tw-text-opacity)); } .dark .dark\:text-gray-600 { @@ -10339,6 +10350,16 @@ select { color: rgb(55 65 81 / var(--tw-text-opacity)); } +.dark .dark\:text-success-500 { + --tw-text-opacity: 1; + color: rgb(34 197 94 / var(--tw-text-opacity)); +} + +.dark .dark\:text-warning-500 { + --tw-text-opacity: 1; + color: rgb(234 179 8 / var(--tw-text-opacity)); +} + .dark .dark\:text-danger-700 { --tw-text-opacity: 1; color: rgb(190 18 60 / var(--tw-text-opacity)); @@ -10417,15 +10438,15 @@ select { --tw-prose-td-borders: var(--tw-prose-invert-td-borders); } +.dark .dark\:ring-white\/10 { + --tw-ring-color: rgb(255 255 255 / 0.1); +} + .dark .dark\:ring-danger-400 { --tw-ring-opacity: 1; --tw-ring-color: rgb(251 113 133 / var(--tw-ring-opacity)); } -.dark .dark\:ring-white\/10 { - --tw-ring-color: rgb(255 255 255 / 0.1); -} - .dark .dark\:even\:bg-gray-900:nth-child(even) { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); @@ -10460,6 +10481,14 @@ select { background-color: rgb(55 65 81 / var(--tw-bg-opacity)); } +.dark .dark\:hover\:bg-gray-500\/10:hover { + background-color: rgb(107 114 128 / 0.1); +} + +.dark .dark\:hover\:bg-gray-800\/30:hover { + background-color: rgb(31 41 55 / 0.3); +} + .dark .dark\:hover\:bg-primary-500\/20:hover { background-color: rgb(16 185 129 / 0.2); } @@ -10484,14 +10513,6 @@ select { background-color: rgb(107 114 128 / 0.2); } -.dark .dark\:hover\:bg-gray-500\/10:hover { - background-color: rgb(107 114 128 / 0.1); -} - -.dark .dark\:hover\:bg-gray-800\/30:hover { - background-color: rgb(31 41 55 / 0.3); -} - .dark .dark\:hover\:bg-gray-400\/5:hover { background-color: rgb(156 163 175 / 0.05); } diff --git a/public/css/filament.css b/public/css/filament.css index 079ba0df..68eb6654 100644 --- a/public/css/filament.css +++ b/public/css/filament.css @@ -4202,15 +4202,18 @@ html { .ml-11{ margin-left: 2.75rem; } -.-mt-16{ - margin-top: -4rem; -} .mt-\[calc\(-1rem-1px\)\]{ margin-top: calc(-1rem - 1px); } .-mr-6{ margin-right: -1.5rem; } +.mr-6{ + margin-right: 1.5rem; +} +.-mb-12{ + margin-bottom: -3rem; +} .-ml-2{ margin-left: -0.5rem; } @@ -4229,18 +4232,15 @@ html { .-mr-1\.5{ margin-right: -0.375rem; } -.mr-6{ - margin-right: 1.5rem; -} -.-mb-12{ - margin-bottom: -3rem; -} .ml-0\.5{ margin-left: 0.125rem; } .ml-0{ margin-left: 0px; } +.-mt-16{ + margin-top: -4rem; +} .-mb-1\.5{ margin-bottom: -0.375rem; } @@ -4388,6 +4388,12 @@ html { .min-h-\[250px\]{ min-height: 250px; } +.min-h-\[40px\]{ + min-height: 40px; +} +.min-h-\[56px\]{ + min-height: 56px; +} .min-h-\[2\.25rem\]{ min-height: 2.25rem; } @@ -4397,12 +4403,6 @@ html { .min-h-\[2\.75rem\]{ min-height: 2.75rem; } -.min-h-\[40px\]{ - min-height: 40px; -} -.min-h-\[56px\]{ - min-height: 56px; -} .w-full{ width: 100%; } @@ -4759,12 +4759,12 @@ html { .cursor-wait{ cursor: wait; } -.cursor-not-allowed{ - cursor: not-allowed; -} .cursor-move{ cursor: move; } +.cursor-not-allowed{ + cursor: not-allowed; +} .select-none{ -webkit-user-select: none; -moz-user-select: none; @@ -5297,21 +5297,25 @@ html { --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity)); } -.border-gray-600{ +.border-gray-200{ --tw-border-opacity: 1; - border-color: rgb(75 85 99 / var(--tw-border-opacity)); + border-color: rgb(229 231 235 / var(--tw-border-opacity)); +} +.border-danger-300{ + --tw-border-opacity: 1; + border-color: rgb(253 164 175 / var(--tw-border-opacity)); } .border-danger-600{ --tw-border-opacity: 1; border-color: rgb(225 29 72 / var(--tw-border-opacity)); } -.border-gray-200{ +.border-primary-500{ --tw-border-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-border-opacity)); + border-color: rgb(16 185 129 / var(--tw-border-opacity)); } -.border-danger-300{ +.border-gray-600{ --tw-border-opacity: 1; - border-color: rgb(253 164 175 / var(--tw-border-opacity)); + border-color: rgb(75 85 99 / var(--tw-border-opacity)); } .border-primary-600{ --tw-border-opacity: 1; @@ -5325,10 +5329,6 @@ html { --tw-border-opacity: 1; border-color: rgb(202 138 4 / var(--tw-border-opacity)); } -.border-primary-500{ - --tw-border-opacity: 1; - border-color: rgb(16 185 129 / var(--tw-border-opacity)); -} .bg-green-50{ --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity)); @@ -5508,9 +5508,6 @@ html { --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity)); } -.bg-white\/50{ - background-color: rgb(255 255 255 / 0.5); -} .bg-primary-50{ --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity)); @@ -5519,26 +5516,6 @@ html { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } -.bg-primary-600{ - --tw-bg-opacity: 1; - background-color: rgb(5 150 105 / var(--tw-bg-opacity)); -} -.bg-success-600{ - --tw-bg-opacity: 1; - background-color: rgb(22 163 74 / var(--tw-bg-opacity)); -} -.bg-danger-600{ - --tw-bg-opacity: 1; - background-color: rgb(225 29 72 / var(--tw-bg-opacity)); -} -.bg-warning-600{ - --tw-bg-opacity: 1; - background-color: rgb(202 138 4 / var(--tw-bg-opacity)); -} -.bg-gray-600{ - --tw-bg-opacity: 1; - background-color: rgb(75 85 99 / var(--tw-bg-opacity)); -} .bg-gray-500\/5{ background-color: rgb(107 114 128 / 0.05); } @@ -5562,6 +5539,26 @@ html { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } +.bg-primary-600{ + --tw-bg-opacity: 1; + background-color: rgb(5 150 105 / var(--tw-bg-opacity)); +} +.bg-success-600{ + --tw-bg-opacity: 1; + background-color: rgb(22 163 74 / var(--tw-bg-opacity)); +} +.bg-danger-600{ + --tw-bg-opacity: 1; + background-color: rgb(225 29 72 / var(--tw-bg-opacity)); +} +.bg-warning-600{ + --tw-bg-opacity: 1; + background-color: rgb(202 138 4 / var(--tw-bg-opacity)); +} +.bg-gray-600{ + --tw-bg-opacity: 1; + background-color: rgb(75 85 99 / var(--tw-bg-opacity)); +} .bg-gray-300{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); @@ -5572,6 +5569,9 @@ html { .bg-gray-50\/80{ background-color: rgb(249 250 251 / 0.8); } +.bg-white\/50{ + background-color: rgb(255 255 255 / 0.5); +} .bg-white\/20{ background-color: rgb(255 255 255 / 0.2); } @@ -6263,9 +6263,9 @@ html { --tw-text-opacity: 1; color: rgb(127 29 29 / var(--tw-text-opacity)); } -.text-danger-700{ +.text-slate-700{ --tw-text-opacity: 1; - color: rgb(190 18 60 / var(--tw-text-opacity)); + color: rgb(51 65 85 / var(--tw-text-opacity)); } .text-danger-500{ --tw-text-opacity: 1; @@ -6279,37 +6279,41 @@ html { --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity)); } -.text-danger-400{ - --tw-text-opacity: 1; - color: rgb(251 113 133 / var(--tw-text-opacity)); -} .text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } -.text-danger-600{ +.text-slate-300{ --tw-text-opacity: 1; - color: rgb(225 29 72 / var(--tw-text-opacity)); + color: rgb(203 213 225 / var(--tw-text-opacity)); +} +.text-slate-900{ + --tw-text-opacity: 1; + color: rgb(15 23 42 / var(--tw-text-opacity)); +} +.text-slate-500{ + --tw-text-opacity: 1; + color: rgb(100 116 139 / var(--tw-text-opacity)); } .text-gray-900{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); } -.text-primary-600{ +.text-gray-50{ --tw-text-opacity: 1; - color: rgb(5 150 105 / var(--tw-text-opacity)); + color: rgb(249 250 251 / var(--tw-text-opacity)); } -.text-success-600{ +.text-danger-600{ --tw-text-opacity: 1; - color: rgb(22 163 74 / var(--tw-text-opacity)); + color: rgb(225 29 72 / var(--tw-text-opacity)); } -.text-warning-600{ +.text-primary-600{ --tw-text-opacity: 1; - color: rgb(202 138 4 / var(--tw-text-opacity)); + color: rgb(5 150 105 / var(--tw-text-opacity)); } -.text-gray-50{ +.text-danger-400{ --tw-text-opacity: 1; - color: rgb(249 250 251 / var(--tw-text-opacity)); + color: rgb(251 113 133 / var(--tw-text-opacity)); } .text-primary-700{ --tw-text-opacity: 1; @@ -6327,6 +6331,18 @@ html { --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-text-opacity)); } +.text-success-600{ + --tw-text-opacity: 1; + color: rgb(22 163 74 / var(--tw-text-opacity)); +} +.text-warning-600{ + --tw-text-opacity: 1; + color: rgb(202 138 4 / var(--tw-text-opacity)); +} +.text-danger-700{ + --tw-text-opacity: 1; + color: rgb(190 18 60 / var(--tw-text-opacity)); +} .text-success-700{ --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity)); @@ -6506,6 +6522,13 @@ html { --tw-ring-opacity: 1; --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity)); } +.ring-black\/5{ + --tw-ring-color: rgb(22 27 34 / 0.05); +} +.ring-danger-500{ + --tw-ring-opacity: 1; + --tw-ring-color: rgb(244 63 94 / var(--tw-ring-opacity)); +} .ring-danger-600{ --tw-ring-opacity: 1; --tw-ring-color: rgb(225 29 72 / var(--tw-ring-opacity)); @@ -6514,13 +6537,6 @@ html { --tw-ring-opacity: 1; --tw-ring-color: rgb(251 113 133 / var(--tw-ring-opacity)); } -.ring-black\/5{ - --tw-ring-color: rgb(22 27 34 / 0.05); -} -.ring-danger-500{ - --tw-ring-opacity: 1; - --tw-ring-color: rgb(244 63 94 / var(--tw-ring-opacity)); -} .ring-primary-500{ --tw-ring-opacity: 1; --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity)); @@ -6787,6 +6803,11 @@ html { background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } +.hover\:bg-gray-50:hover{ + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); +} + .hover\:bg-primary-600\/20:hover{ background-color: rgb(5 150 105 / 0.2); } @@ -6807,11 +6828,6 @@ html { background-color: rgb(75 85 99 / 0.2); } -.hover\:bg-gray-50:hover{ - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); -} - .hover\:bg-gray-500:hover{ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -6936,6 +6952,11 @@ html { color: rgb(16 185 129 / var(--tw-text-opacity)); } +.hover\:text-primary-800:hover{ + --tw-text-opacity: 1; + color: rgb(6 95 70 / var(--tw-text-opacity)); +} + .hover\:text-danger-500:hover{ --tw-text-opacity: 1; color: rgb(244 63 94 / var(--tw-text-opacity)); @@ -7030,14 +7051,14 @@ html { border-color: rgb(16 185 129 / var(--tw-border-opacity)); } -.focus\:border-primary-600:focus{ +.focus\:border-primary-300:focus{ --tw-border-opacity: 1; - border-color: rgb(5 150 105 / var(--tw-border-opacity)); + border-color: rgb(110 231 183 / var(--tw-border-opacity)); } -.focus\:border-primary-300:focus{ +.focus\:border-primary-600:focus{ --tw-border-opacity: 1; - border-color: rgb(110 231 183 / var(--tw-border-opacity)); + border-color: rgb(5 150 105 / var(--tw-border-opacity)); } .focus\:bg-primary-500\/10:focus{ @@ -7084,6 +7105,11 @@ html { background-color: rgb(107 114 128 / 0.05); } +.focus\:bg-gray-50:focus{ + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); +} + .focus\:bg-primary-700\/20:focus{ background-color: rgb(4 120 87 / 0.2); } @@ -7134,11 +7160,6 @@ html { background-color: rgb(55 65 81 / var(--tw-bg-opacity)); } -.focus\:bg-gray-50:focus{ - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); -} - .focus\:bg-white:focus{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); @@ -7532,6 +7553,10 @@ html { margin-left: -1.5rem; } +[dir="rtl"] .rtl\:ml-6{ + margin-left: 1.5rem; +} + [dir="rtl"] .rtl\:ml-1{ margin-left: 0.25rem; } @@ -7576,10 +7601,6 @@ html { margin-left: -0.25rem; } -[dir="rtl"] .rtl\:ml-6{ - margin-left: 1.5rem; -} - [dir="rtl"] .rtl\:ml-3{ margin-left: 0.75rem; } @@ -7665,11 +7686,6 @@ html { border-color: rgb(75 85 99 / var(--tw-border-opacity)); } -.dark .dark\:border-danger-400{ - --tw-border-opacity: 1; - border-color: rgb(251 113 133 / var(--tw-border-opacity)); -} - .dark .dark\:border-gray-800{ --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity)); @@ -7680,6 +7696,11 @@ html { border-color: rgb(107 114 128 / var(--tw-border-opacity)); } +.dark .dark\:border-danger-400{ + --tw-border-opacity: 1; + border-color: rgb(251 113 133 / var(--tw-border-opacity)); +} + .dark .dark\:border-primary-500{ --tw-border-opacity: 1; border-color: rgb(16 185 129 / var(--tw-border-opacity)); @@ -7720,10 +7741,6 @@ html { background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } -.dark .dark\:bg-gray-900\/50{ - background-color: rgb(17 24 39 / 0.5); -} - .dark .dark\:bg-gray-500\/10{ background-color: rgb(107 114 128 / 0.1); } @@ -7754,6 +7771,10 @@ html { background-color: rgb(107 114 128 / 0.2); } +.dark .dark\:bg-gray-900\/50{ + background-color: rgb(17 24 39 / 0.5); +} + .dark .dark\:bg-primary-600{ --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity)); @@ -7763,19 +7784,14 @@ html { fill: currentColor; } -.dark .dark\:text-gray-300{ - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); -} - -.dark .dark\:text-danger-400{ +.dark .dark\:text-white{ --tw-text-opacity: 1; - color: rgb(251 113 133 / var(--tw-text-opacity)); + color: rgb(255 255 255 / var(--tw-text-opacity)); } -.dark .dark\:text-white{ +.dark .dark\:text-gray-300{ --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); + color: rgb(209 213 219 / var(--tw-text-opacity)); } .dark .dark\:text-gray-400{ @@ -7793,9 +7809,9 @@ html { color: rgb(243 244 246 / var(--tw-text-opacity)); } -.dark .dark\:text-success-500{ +.dark .dark\:text-gray-200{ --tw-text-opacity: 1; - color: rgb(34 197 94 / var(--tw-text-opacity)); + color: rgb(229 231 235 / var(--tw-text-opacity)); } .dark .dark\:text-danger-500{ @@ -7803,14 +7819,9 @@ html { color: rgb(244 63 94 / var(--tw-text-opacity)); } -.dark .dark\:text-warning-500{ - --tw-text-opacity: 1; - color: rgb(234 179 8 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-200{ +.dark .dark\:text-danger-400{ --tw-text-opacity: 1; - color: rgb(229 231 235 / var(--tw-text-opacity)); + color: rgb(251 113 133 / var(--tw-text-opacity)); } .dark .dark\:text-gray-600{ @@ -7823,6 +7834,16 @@ html { color: rgb(55 65 81 / var(--tw-text-opacity)); } +.dark .dark\:text-success-500{ + --tw-text-opacity: 1; + color: rgb(34 197 94 / var(--tw-text-opacity)); +} + +.dark .dark\:text-warning-500{ + --tw-text-opacity: 1; + color: rgb(234 179 8 / var(--tw-text-opacity)); +} + .dark .dark\:text-danger-700{ --tw-text-opacity: 1; color: rgb(190 18 60 / var(--tw-text-opacity)); @@ -7901,15 +7922,15 @@ html { --tw-prose-td-borders: var(--tw-prose-invert-td-borders); } +.dark .dark\:ring-white\/10{ + --tw-ring-color: rgb(255 255 255 / 0.1); +} + .dark .dark\:ring-danger-400{ --tw-ring-opacity: 1; --tw-ring-color: rgb(251 113 133 / var(--tw-ring-opacity)); } -.dark .dark\:ring-white\/10{ - --tw-ring-color: rgb(255 255 255 / 0.1); -} - .dark .dark\:even\:bg-gray-900:nth-child(even){ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); @@ -7944,6 +7965,14 @@ html { background-color: rgb(55 65 81 / var(--tw-bg-opacity)); } +.dark .dark\:hover\:bg-gray-500\/10:hover{ + background-color: rgb(107 114 128 / 0.1); +} + +.dark .dark\:hover\:bg-gray-800\/30:hover{ + background-color: rgb(31 41 55 / 0.3); +} + .dark .dark\:hover\:bg-primary-500\/20:hover{ background-color: rgb(16 185 129 / 0.2); } @@ -7968,14 +7997,6 @@ html { background-color: rgb(107 114 128 / 0.2); } -.dark .dark\:hover\:bg-gray-500\/10:hover{ - background-color: rgb(107 114 128 / 0.1); -} - -.dark .dark\:hover\:bg-gray-800\/30:hover{ - background-color: rgb(31 41 55 / 0.3); -} - .dark .dark\:hover\:bg-gray-400\/5:hover{ background-color: rgb(156 163 175 / 0.05); } diff --git a/resources/js/app.js b/resources/js/app.js index 309859df..93a16640 100644 --- a/resources/js/app.js +++ b/resources/js/app.js @@ -18,6 +18,6 @@ Alpine.plugin(intersect) Alpine.plugin(FormsAlpinePlugin) Alpine.plugin(NotificationsAlpinePlugin) -window.Alpine = Alpine; +window.Alpine = Alpine -Alpine.start(); +Alpine.start() diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php deleted file mode 100644 index df393411..00000000 --- a/resources/views/layouts/app.blade.php +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - - {{ config('app.name') }} - - - @vite(['resources/css/app.css', 'resources/js/app.js']) - @livewireStyles - @livewireScripts - @stack('scripts') - - - - {{ $slot }} - - @livewire('notifications') - - diff --git a/resources/views/layouts/master.blade.php b/resources/views/layouts/master.blade.php index 7c71a71f..5b5eae13 100644 --- a/resources/views/layouts/master.blade.php +++ b/resources/views/layouts/master.blade.php @@ -49,6 +49,7 @@ @livewire('livewire-ui-modal') @livewire('livewire-ui-spotlight') + @livewire('notifications') @stack('scripts') diff --git a/resources/views/layouts/settings.blade.php b/resources/views/layouts/settings.blade.php index 703b8151..a1a50236 100644 --- a/resources/views/layouts/settings.blade.php +++ b/resources/views/layouts/settings.blade.php @@ -6,7 +6,7 @@

- Paramètres + {{ __('Paramètres') }}

@@ -18,7 +18,6 @@ - {{ __('Mon profil') }} @@ -26,7 +25,6 @@ - {{ __('Mot de passe') }} @@ -34,7 +32,6 @@ - {{ __('Apparence') }} @@ -42,7 +39,6 @@ - {{ __('Notifications') }} @@ -50,7 +46,6 @@ - {{ __('Abonnement') }} diff --git a/resources/views/livewire/articles/browse.blade.php b/resources/views/livewire/articles/browse.blade.php index c20bd927..a432302d 100644 --- a/resources/views/livewire/articles/browse.blade.php +++ b/resources/views/livewire/articles/browse.blade.php @@ -2,24 +2,24 @@