wip

resources/css/filament/admin/theme.css

@@ -86,11 +86,11 @@ button[wire\:click="resetTableFiltersForm"] {
 /* Styling Radio Lable */
 
 .fi-fo-radio {
-    @apply !grid grid-cols-2 gap-y-3 my-5
+    @apply !grid grid-cols-2 gap-y-4 my-2
 }
 
 .fi-fo-radio-label {
-    @apply p-2 border border-gray-700 rounded-md cursor-pointer has-checked:bg-blue-50 has-checked:text-blue-900 has-checked:ring-blue-200 dark:has-checked:bg-blue-950 dark:has-checked:text-blue-200 dark:has-checked:ring-blue-900
+    @apply p-3 border border-gray-200 shadow rounded-md cursor-pointer has-checked:bg-blue-50 has-checked:text-blue-900 dark:has-checked:bg-blue-950 dark:has-checked:text-blue-200
 }
 
 

resources/views/components/sport-header.blade.php

@@ -1,4 +1,4 @@
-<div class="flex flex-1 gap-3 items-center my-5 drop-shadow ">
+<div class="flex flex-1 gap-3 items-center my-5">
     @switch(auth()->user()->sport_id)
         @case(1)
             <x-icon-soccerball class="h-6 text-blue-600" />

resources/views/livewire/personal-notification-table.blade.php

@@ -0,0 +1,3 @@
+<div>
+    {{ $this->table }}
+</div>

resources/views/livewire/top-menu-items.blade.php

@@ -60,20 +60,39 @@
             </x-filament::dropdown.list>
         </x-filament::dropdown>
 
-        {{-- Notifications --}}
+         {{-- Notifications --}}
 
-        <x-filament::modal slide-over width="2xl" icon="phosphor-envelope-duotone" :close-by-clicking-away="true" :close-by-escaping="true"
+        <x-filament::modal slide-over width="2xl" icon="phosphor-warning-duotone" :close-by-clicking-away="true" :close-by-escaping="true"
             :close-button="true">
             <x-slot name="trigger">
-                <x-filament::button outlined icon="phosphor-envelope-duotone" class="my-auto" color="gray"
-                    tooltip="Notifications">
+                <x-filament::button outlined icon="phosphor-warning-duotone" class="my-auto" color="gray"
+                    tooltip="Notifications Settings">
                 </x-filament::button>
             </x-slot>
             <x-slot name="heading">
-                Notifications
+                Notifications Settings
+            </x-slot>
+
+            @livewire('personal-notification-table')
+            
+        </x-filament::modal>
+
+        {{-- Send Message --}}
+
+        <x-filament::modal slide-over width="2xl" icon="phosphor-paper-plane-tilt-duotone" :close-by-clicking-away="true" :close-by-escaping="true"
+            :close-button="true">
+            <x-slot name="trigger">
+                <x-filament::button outlined icon="phosphor-paper-plane-tilt-duotone" class="my-auto" color="gray"
+                    tooltip="Send Message">
+                </x-filament::button>
+            </x-slot>
+            <x-slot name="heading">
+                Send Message
             </x-slot>
 
             @livewire('user-notifications')
+
+
         </x-filament::modal>
 
         {{-- Event Mapper --}}
@@ -86,7 +105,7 @@
             </x-slot>
 
             <x-slot name="heading">
-                <div class="flex justify-between items-center w-screen pr-24">
+                <div class="flex justify-end items-center gap-20">
                     <x-sport-header>
                        Event Mapper {{ auth()->user()->sport->name }}
                     </x-sport-header>
@@ -198,12 +217,12 @@
             :close-button="true">
             <x-slot name="trigger">
                 <x-filament::button outlined icon="phosphor-siren-duotone" color="gray" class="my-auto"
-                    tooltip="Alarm Settings">
+                    tooltip="Alarm Level Settings">
                 </x-filament::button>
             </x-slot>
 
             <x-slot name="heading">
-                Alarm Settings
+                Alarm Level Settings
             </x-slot>
 
             @livewire('alarm-bookmaker')

resources/views/vendor/mail/html/themes/default.css

@@ -99,6 +99,7 @@ img {
 
 .header {
     padding: 25px 0;
+    text-align: center;
 }
 
 .header div {
@@ -111,10 +112,9 @@ img {
 /* Logo */
 
 .logo {
-    height: 35px;
+    height: 40px;
     margin-top: 15px;
-    margin-bottom: 10px;
-    max-height: 35px;
+    max-height: 40px;
     width: auto;
 }