resources/views/components/form-modal.blade.php

@@ -16,7 +16,7 @@
 
 <div class="fixed inset-0 z-50 overflow-y-auto" role="dialog" aria-modal="true" aria-labelledby="modal-title">
     <div class="flex min-h-full items-center justify-center p-4">
-        <div class="fixed inset-0 bg-gray-900/50 backdrop-blur-sm transition-opacity" wire:click="{{ $close }}"></div>
+        <div class="fixed inset-0 bg-gray-900/50 backdrop-blur-xs transition-opacity" wire:click="{{ $close }}"></div>
 
         <div class="relative z-10 w-full {{ $maxWidthClass }} max-h-[90vh] overflow-y-auto rounded-lg bg-white p-6 text-left shadow-xl">
             <div class="flex items-center justify-between mb-4">

resources/views/components/modal.blade.php

@@ -60,7 +60,7 @@ class="fixed inset-0 transform transition-all"
         x-transition:leave-start="opacity-100"
         x-transition:leave-end="opacity-0"
     >
-        <div class="absolute inset-0 bg-gray-900/50 backdrop-blur-sm"></div>
+        <div class="absolute inset-0 bg-gray-900/50 backdrop-blur-xs"></div>
     </div>
 
     <div

resources/views/layouts/app.blade.php

@@ -60,13 +60,13 @@ class="p-2 rounded-md text-gray-400 hover:text-gray-600 hover:bg-gray-100"
             <!-- Desktop sidebar -->
             <div class="hidden lg:fixed lg:inset-y-0 lg:flex lg:w-64 lg:flex-col">
                 <div class="flex flex-col flex-grow bg-white pt-5 pb-4 overflow-y-auto border-r border-gray-200">
-                    <div class="flex items-center flex-shrink-0 px-4">
+                    <div class="flex items-center shrink-0 px-4">
                         <h1 class="text-xl font-bold text-gray-900">FFR</h1>
                     </div>
                     <nav class="mt-5 flex-1 px-2 bg-white">
                         @include('layouts.navigation-items')
                     </nav>
-                    <div class="flex-shrink-0 p-4 border-t border-gray-200">
+                    <div class="shrink-0 p-4 border-t border-gray-200">
                         <div class="flex items-center">
                             <div class="flex-1 min-w-0">
                                 <p class="text-sm font-medium text-gray-900 truncate">

resources/views/livewire/notification-bell.blade.php

@@ -45,7 +45,7 @@ class="px-4 py-3 border-b border-gray-50 last:border-b-0 {{ $notification->isRea
                     wire:key="notification-{{ $notification->id }}"
                 >
                     <div class="flex items-start gap-3">
-                        <div class="flex-shrink-0 mt-0.5">
+                        <div class="shrink-0 mt-0.5">
                             @if ($notification->severity === \App\Enums\NotificationSeverityEnum::ERROR)
                                 <svg class="h-5 w-5 text-red-500" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                                     <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z" />

resources/views/livewire/settings.blade.php

@@ -28,7 +28,7 @@
                     </div>
                     <button
                         wire:click="toggleArticleProcessing"
-                        class="flex-shrink-0"
+                        class="shrink-0"
                     >
                         @if ($articleProcessingEnabled)
                             <svg class="h-6 w-6 text-green-500" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
@@ -83,7 +83,7 @@ class="inline-flex items-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-
                     </div>
                     <button
                         wire:click="togglePublishingApprovals"
-                        class="flex-shrink-0"
+                        class="shrink-0"
                     >
                         @if ($publishingApprovalsEnabled)
                             <svg class="h-6 w-6 text-green-500" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">