grid design

app/Filament/Pages/Monitor.php

@@ -11,7 +11,7 @@ use UnitEnum;
 
 class Monitor extends Page
 {
-    protected static string | \BackedEnum | null $navigationIcon = 'lucide-monitor';
+    protected static string | \BackedEnum | null $navigationIcon = 'phosphor-monitor';
 
     protected string $view = 'filament.pages.monitor';
 

app/Providers/Filament/AdminPanelProvider.php

@@ -45,8 +45,7 @@ class AdminPanelProvider extends PanelProvider
             ->brandLogoHeight('1.8rem')
             ->unsavedChangesAlerts()
             ->colors([
-                'primary' => Color::Sky,
-                'secondary' => '#d7d533',
+                'primary' => Color::Blue,
             ])
             ->viteTheme('resources/css/filament/admin/theme.css')
             ->discoverResources(in: app_path('Filament/Resources'), for: 'App\Filament\Resources')

bootstrap/cache/events.php

@@ -0,0 +1,5 @@
+<?php return array (
+  'Illuminate\\Foundation\\Support\\Providers\\EventServiceProvider' => 
+  array (
+  ),
+);

bootstrap/cache/filament/panels/admin.php

@@ -0,0 +1,114 @@
+<?php return array (
+  'livewireComponents' => 
+  array (
+    'app.filament.resources.bookmakers.pages.create-bookmaker' => 'App\\Filament\\Resources\\Bookmakers\\Pages\\CreateBookmaker',
+    'app.filament.resources.bookmakers.pages.edit-bookmaker' => 'App\\Filament\\Resources\\Bookmakers\\Pages\\EditBookmaker',
+    'app.filament.resources.bookmakers.pages.list-bookmakers' => 'App\\Filament\\Resources\\Bookmakers\\Pages\\ListBookmakers',
+    'app.filament.resources.clients.pages.create-client' => 'App\\Filament\\Resources\\Clients\\Pages\\CreateClient',
+    'app.filament.resources.clients.pages.edit-client' => 'App\\Filament\\Resources\\Clients\\Pages\\EditClient',
+    'app.filament.resources.clients.pages.list-clients' => 'App\\Filament\\Resources\\Clients\\Pages\\ListClients',
+    'app.filament.resources.countries.pages.manage-countries' => 'App\\Filament\\Resources\\Countries\\Pages\\ManageCountries',
+    'app.filament.resources.providers.pages.create-provider' => 'App\\Filament\\Resources\\Providers\\Pages\\CreateProvider',
+    'app.filament.resources.providers.pages.edit-provider' => 'App\\Filament\\Resources\\Providers\\Pages\\EditProvider',
+    'app.filament.resources.providers.pages.list-providers' => 'App\\Filament\\Resources\\Providers\\Pages\\ListProviders',
+    'app.filament.resources.sports.pages.manage-sports' => 'App\\Filament\\Resources\\Sports\\Pages\\ManageSports',
+    'app.filament.resources.supervisors.pages.create-supervisor' => 'App\\Filament\\Resources\\Supervisors\\Pages\\CreateSupervisor',
+    'app.filament.resources.supervisors.pages.edit-supervisor' => 'App\\Filament\\Resources\\Supervisors\\Pages\\EditSupervisor',
+    'app.filament.resources.supervisors.pages.list-supervisors' => 'App\\Filament\\Resources\\Supervisors\\Pages\\ListSupervisors',
+    'app.filament.resources.users.pages.create-user' => 'App\\Filament\\Resources\\Users\\Pages\\CreateUser',
+    'app.filament.resources.users.pages.edit-user' => 'App\\Filament\\Resources\\Users\\Pages\\EditUser',
+    'app.filament.resources.users.pages.list-users' => 'App\\Filament\\Resources\\Users\\Pages\\ListUsers',
+    'app.filament.pages.monitor' => 'App\\Filament\\Pages\\Monitor',
+    'app.filament.clusters.maintenance.maintenance-cluster' => 'App\\Filament\\Clusters\\Maintenance\\MaintenanceCluster',
+    'app.filament.clusters.maintenance.resources.events.pages.create-event' => 'App\\Filament\\Clusters\\Maintenance\\Resources\\Events\\Pages\\CreateEvent',
+    'app.filament.clusters.maintenance.resources.events.pages.edit-event' => 'App\\Filament\\Clusters\\Maintenance\\Resources\\Events\\Pages\\EditEvent',
+    'app.filament.clusters.maintenance.resources.events.pages.list-events' => 'App\\Filament\\Clusters\\Maintenance\\Resources\\Events\\Pages\\ListEvents',
+    'filament.pages.dashboard' => 'Filament\\Pages\\Dashboard',
+    'filament.widgets.account-widget' => 'Filament\\Widgets\\AccountWidget',
+    'filament.widgets.filament-info-widget' => 'Filament\\Widgets\\FilamentInfoWidget',
+    'joaopaulolndev.filament-edit-profile.pages.edit-profile-page' => 'Joaopaulolndev\\FilamentEditProfile\\Pages\\EditProfilePage',
+    'filament.livewire.database-notifications' => 'Filament\\Livewire\\DatabaseNotifications',
+    'filament.auth.pages.edit-profile' => 'Filament\\Auth\\Pages\\EditProfile',
+    'filament.livewire.global-search' => 'Filament\\Livewire\\GlobalSearch',
+    'filament.livewire.notifications' => 'Filament\\Livewire\\Notifications',
+    'filament.livewire.sidebar' => 'Filament\\Livewire\\Sidebar',
+    'filament.livewire.simple-user-menu' => 'Filament\\Livewire\\SimpleUserMenu',
+    'filament.livewire.topbar' => 'Filament\\Livewire\\Topbar',
+    'filament.auth.pages.login' => 'Filament\\Auth\\Pages\\Login',
+    'filament.auth.pages.password-reset.request-password-reset' => 'Filament\\Auth\\Pages\\PasswordReset\\RequestPasswordReset',
+    'filament.auth.pages.password-reset.reset-password' => 'Filament\\Auth\\Pages\\PasswordReset\\ResetPassword',
+  ),
+  'clusters' => 
+  array (
+    '/Users/hermanntelser/Sites/nuhodds_fi4/app/Filament/Clusters/Maintenance/MaintenanceCluster.php' => 'App\\Filament\\Clusters\\Maintenance\\MaintenanceCluster',
+  ),
+  'clusteredComponents' => 
+  array (
+    'App\\Filament\\Clusters\\Maintenance\\MaintenanceCluster' => 
+    array (
+      0 => 'App\\Filament\\Resources\\Bookmakers\\BookmakerResource',
+      1 => 'App\\Filament\\Resources\\Clients\\ClientResource',
+      2 => 'App\\Filament\\Resources\\Countries\\CountryResource',
+      3 => 'App\\Filament\\Resources\\Providers\\ProviderResource',
+      4 => 'App\\Filament\\Resources\\Sports\\SportResource',
+      5 => 'App\\Filament\\Resources\\Supervisors\\SupervisorResource',
+      6 => 'App\\Filament\\Resources\\Users\\UserResource',
+      7 => 'App\\Filament\\Clusters\\Maintenance\\Resources\\Events\\EventResource',
+    ),
+  ),
+  'clusterDirectories' => 
+  array (
+    0 => '/Users/hermanntelser/Sites/nuhodds_fi4/app/Filament/Clusters',
+  ),
+  'clusterNamespaces' => 
+  array (
+    0 => 'App\\Filament\\Clusters',
+  ),
+  'pages' => 
+  array (
+    '/Users/hermanntelser/Sites/nuhodds_fi4/app/Filament/Pages/Monitor.php' => 'App\\Filament\\Pages\\Monitor',
+    '/Users/hermanntelser/Sites/nuhodds_fi4/app/Filament/Clusters/Maintenance/MaintenanceCluster.php' => 'App\\Filament\\Clusters\\Maintenance\\MaintenanceCluster',
+    0 => 'Filament\\Pages\\Dashboard',
+    1 => 'Joaopaulolndev\\FilamentEditProfile\\Pages\\EditProfilePage',
+  ),
+  'pageDirectories' => 
+  array (
+    0 => '/Users/hermanntelser/Sites/nuhodds_fi4/app/Filament/Pages',
+  ),
+  'pageNamespaces' => 
+  array (
+    0 => 'App\\Filament\\Pages',
+  ),
+  'resources' => 
+  array (
+    '/Users/hermanntelser/Sites/nuhodds_fi4/app/Filament/Resources/Bookmakers/BookmakerResource.php' => 'App\\Filament\\Resources\\Bookmakers\\BookmakerResource',
+    '/Users/hermanntelser/Sites/nuhodds_fi4/app/Filament/Resources/Clients/ClientResource.php' => 'App\\Filament\\Resources\\Clients\\ClientResource',
+    '/Users/hermanntelser/Sites/nuhodds_fi4/app/Filament/Resources/Countries/CountryResource.php' => 'App\\Filament\\Resources\\Countries\\CountryResource',
+    '/Users/hermanntelser/Sites/nuhodds_fi4/app/Filament/Resources/Providers/ProviderResource.php' => 'App\\Filament\\Resources\\Providers\\ProviderResource',
+    '/Users/hermanntelser/Sites/nuhodds_fi4/app/Filament/Resources/Sports/SportResource.php' => 'App\\Filament\\Resources\\Sports\\SportResource',
+    '/Users/hermanntelser/Sites/nuhodds_fi4/app/Filament/Resources/Supervisors/SupervisorResource.php' => 'App\\Filament\\Resources\\Supervisors\\SupervisorResource',
+    '/Users/hermanntelser/Sites/nuhodds_fi4/app/Filament/Resources/Users/UserResource.php' => 'App\\Filament\\Resources\\Users\\UserResource',
+    '/Users/hermanntelser/Sites/nuhodds_fi4/app/Filament/Clusters/Maintenance/Resources/Events/EventResource.php' => 'App\\Filament\\Clusters\\Maintenance\\Resources\\Events\\EventResource',
+  ),
+  'resourceDirectories' => 
+  array (
+    0 => '/Users/hermanntelser/Sites/nuhodds_fi4/app/Filament/Resources',
+  ),
+  'resourceNamespaces' => 
+  array (
+    0 => 'App\\Filament\\Resources',
+  ),
+  'widgets' => 
+  array (
+    0 => 'Filament\\Widgets\\AccountWidget',
+    1 => 'Filament\\Widgets\\FilamentInfoWidget',
+  ),
+  'widgetDirectories' => 
+  array (
+    0 => '/Users/hermanntelser/Sites/nuhodds_fi4/app/Filament/Widgets',
+  ),
+  'widgetNamespaces' => 
+  array (
+    0 => 'App\\Filament\\Widgets',
+  ),
+);

bootstrap/cache/packages.php

@@ -45,6 +45,13 @@
       0 => 'BladeUI\\Icons\\BladeIconsServiceProvider',
     ),
   ),
+  'codeat3/blade-phosphor-icons' => 
+  array (
+    'providers' => 
+    array (
+      0 => 'Codeat3\\BladePhosphorIcons\\BladePhosphorIconsServiceProvider',
+    ),
+  ),
   'codewithdennis/filament-lucide-icons' => 
   array (
     'aliases' => 

bootstrap/cache/services.php

@@ -29,36 +29,37 @@
     25 => 'BezhanSalleh\\FilamentShield\\FilamentShieldServiceProvider',
     26 => 'BladeUI\\Heroicons\\BladeHeroiconsServiceProvider',
     27 => 'BladeUI\\Icons\\BladeIconsServiceProvider',
-    28 => 'CodeWithDennis\\FilamentLucideIcons\\FilamentLucideIconsServiceProvider',
-    29 => 'Filament\\Actions\\ActionsServiceProvider',
-    30 => 'Filament\\FilamentServiceProvider',
-    31 => 'Filament\\Forms\\FormsServiceProvider',
-    32 => 'Filament\\Infolists\\InfolistsServiceProvider',
-    33 => 'Filament\\Notifications\\NotificationsServiceProvider',
-    34 => 'Filament\\QueryBuilder\\QueryBuilderServiceProvider',
-    35 => 'Filament\\Schemas\\SchemasServiceProvider',
-    36 => 'Filament\\Support\\SupportServiceProvider',
-    37 => 'Filament\\Tables\\TablesServiceProvider',
-    38 => 'Filament\\Upgrade\\UpgradeServiceProvider',
-    39 => 'Filament\\Widgets\\WidgetsServiceProvider',
-    40 => 'Jenssegers\\Agent\\AgentServiceProvider',
-    41 => 'Joaopaulolndev\\FilamentEditProfile\\FilamentEditProfileServiceProvider',
-    42 => 'Kirschbaum\\PowerJoins\\PowerJoinsServiceProvider',
-    43 => 'Laravel\\Pail\\PailServiceProvider',
-    44 => 'Laravel\\Sail\\SailServiceProvider',
-    45 => 'Laravel\\Tinker\\TinkerServiceProvider',
-    46 => 'Livewire\\LivewireServiceProvider',
-    47 => 'Carbon\\Laravel\\ServiceProvider',
-    48 => 'NunoMaduro\\Collision\\Adapters\\Laravel\\CollisionServiceProvider',
-    49 => 'Termwind\\Laravel\\TermwindServiceProvider',
-    50 => 'OutheBox\\BladeFlags\\BladeFlagsServiceProvider',
-    51 => 'Pest\\Laravel\\PestServiceProvider',
-    52 => 'RyanChandler\\BladeCaptureDirective\\BladeCaptureDirectiveServiceProvider',
-    53 => 'Spatie\\Permission\\PermissionServiceProvider',
-    54 => 'Swis\\Filament\\Backgrounds\\FilamentBackgroundsServiceProvider',
-    55 => 'Technikermathe\\LucideIcons\\BladeLucideIconsServiceProvider',
-    56 => 'App\\Providers\\AppServiceProvider',
-    57 => 'App\\Providers\\Filament\\AdminPanelProvider',
+    28 => 'Codeat3\\BladePhosphorIcons\\BladePhosphorIconsServiceProvider',
+    29 => 'CodeWithDennis\\FilamentLucideIcons\\FilamentLucideIconsServiceProvider',
+    30 => 'Filament\\Actions\\ActionsServiceProvider',
+    31 => 'Filament\\FilamentServiceProvider',
+    32 => 'Filament\\Forms\\FormsServiceProvider',
+    33 => 'Filament\\Infolists\\InfolistsServiceProvider',
+    34 => 'Filament\\Notifications\\NotificationsServiceProvider',
+    35 => 'Filament\\QueryBuilder\\QueryBuilderServiceProvider',
+    36 => 'Filament\\Schemas\\SchemasServiceProvider',
+    37 => 'Filament\\Support\\SupportServiceProvider',
+    38 => 'Filament\\Tables\\TablesServiceProvider',
+    39 => 'Filament\\Upgrade\\UpgradeServiceProvider',
+    40 => 'Filament\\Widgets\\WidgetsServiceProvider',
+    41 => 'Jenssegers\\Agent\\AgentServiceProvider',
+    42 => 'Joaopaulolndev\\FilamentEditProfile\\FilamentEditProfileServiceProvider',
+    43 => 'Kirschbaum\\PowerJoins\\PowerJoinsServiceProvider',
+    44 => 'Laravel\\Pail\\PailServiceProvider',
+    45 => 'Laravel\\Sail\\SailServiceProvider',
+    46 => 'Laravel\\Tinker\\TinkerServiceProvider',
+    47 => 'Livewire\\LivewireServiceProvider',
+    48 => 'Carbon\\Laravel\\ServiceProvider',
+    49 => 'NunoMaduro\\Collision\\Adapters\\Laravel\\CollisionServiceProvider',
+    50 => 'Termwind\\Laravel\\TermwindServiceProvider',
+    51 => 'OutheBox\\BladeFlags\\BladeFlagsServiceProvider',
+    52 => 'Pest\\Laravel\\PestServiceProvider',
+    53 => 'RyanChandler\\BladeCaptureDirective\\BladeCaptureDirectiveServiceProvider',
+    54 => 'Spatie\\Permission\\PermissionServiceProvider',
+    55 => 'Swis\\Filament\\Backgrounds\\FilamentBackgroundsServiceProvider',
+    56 => 'Technikermathe\\LucideIcons\\BladeLucideIconsServiceProvider',
+    57 => 'App\\Providers\\AppServiceProvider',
+    58 => 'App\\Providers\\Filament\\AdminPanelProvider',
   ),
   'eager' => 
   array (
@@ -77,34 +78,35 @@
     12 => 'BezhanSalleh\\FilamentShield\\FilamentShieldServiceProvider',
     13 => 'BladeUI\\Heroicons\\BladeHeroiconsServiceProvider',
     14 => 'BladeUI\\Icons\\BladeIconsServiceProvider',
-    15 => 'CodeWithDennis\\FilamentLucideIcons\\FilamentLucideIconsServiceProvider',
-    16 => 'Filament\\Actions\\ActionsServiceProvider',
-    17 => 'Filament\\FilamentServiceProvider',
-    18 => 'Filament\\Forms\\FormsServiceProvider',
-    19 => 'Filament\\Infolists\\InfolistsServiceProvider',
-    20 => 'Filament\\Notifications\\NotificationsServiceProvider',
-    21 => 'Filament\\QueryBuilder\\QueryBuilderServiceProvider',
-    22 => 'Filament\\Schemas\\SchemasServiceProvider',
-    23 => 'Filament\\Support\\SupportServiceProvider',
-    24 => 'Filament\\Tables\\TablesServiceProvider',
-    25 => 'Filament\\Upgrade\\UpgradeServiceProvider',
-    26 => 'Filament\\Widgets\\WidgetsServiceProvider',
-    27 => 'Jenssegers\\Agent\\AgentServiceProvider',
-    28 => 'Joaopaulolndev\\FilamentEditProfile\\FilamentEditProfileServiceProvider',
-    29 => 'Kirschbaum\\PowerJoins\\PowerJoinsServiceProvider',
-    30 => 'Laravel\\Pail\\PailServiceProvider',
-    31 => 'Livewire\\LivewireServiceProvider',
-    32 => 'Carbon\\Laravel\\ServiceProvider',
-    33 => 'NunoMaduro\\Collision\\Adapters\\Laravel\\CollisionServiceProvider',
-    34 => 'Termwind\\Laravel\\TermwindServiceProvider',
-    35 => 'OutheBox\\BladeFlags\\BladeFlagsServiceProvider',
-    36 => 'Pest\\Laravel\\PestServiceProvider',
-    37 => 'RyanChandler\\BladeCaptureDirective\\BladeCaptureDirectiveServiceProvider',
-    38 => 'Spatie\\Permission\\PermissionServiceProvider',
-    39 => 'Swis\\Filament\\Backgrounds\\FilamentBackgroundsServiceProvider',
-    40 => 'Technikermathe\\LucideIcons\\BladeLucideIconsServiceProvider',
-    41 => 'App\\Providers\\AppServiceProvider',
-    42 => 'App\\Providers\\Filament\\AdminPanelProvider',
+    15 => 'Codeat3\\BladePhosphorIcons\\BladePhosphorIconsServiceProvider',
+    16 => 'CodeWithDennis\\FilamentLucideIcons\\FilamentLucideIconsServiceProvider',
+    17 => 'Filament\\Actions\\ActionsServiceProvider',
+    18 => 'Filament\\FilamentServiceProvider',
+    19 => 'Filament\\Forms\\FormsServiceProvider',
+    20 => 'Filament\\Infolists\\InfolistsServiceProvider',
+    21 => 'Filament\\Notifications\\NotificationsServiceProvider',
+    22 => 'Filament\\QueryBuilder\\QueryBuilderServiceProvider',
+    23 => 'Filament\\Schemas\\SchemasServiceProvider',
+    24 => 'Filament\\Support\\SupportServiceProvider',
+    25 => 'Filament\\Tables\\TablesServiceProvider',
+    26 => 'Filament\\Upgrade\\UpgradeServiceProvider',
+    27 => 'Filament\\Widgets\\WidgetsServiceProvider',
+    28 => 'Jenssegers\\Agent\\AgentServiceProvider',
+    29 => 'Joaopaulolndev\\FilamentEditProfile\\FilamentEditProfileServiceProvider',
+    30 => 'Kirschbaum\\PowerJoins\\PowerJoinsServiceProvider',
+    31 => 'Laravel\\Pail\\PailServiceProvider',
+    32 => 'Livewire\\LivewireServiceProvider',
+    33 => 'Carbon\\Laravel\\ServiceProvider',
+    34 => 'NunoMaduro\\Collision\\Adapters\\Laravel\\CollisionServiceProvider',
+    35 => 'Termwind\\Laravel\\TermwindServiceProvider',
+    36 => 'OutheBox\\BladeFlags\\BladeFlagsServiceProvider',
+    37 => 'Pest\\Laravel\\PestServiceProvider',
+    38 => 'RyanChandler\\BladeCaptureDirective\\BladeCaptureDirectiveServiceProvider',
+    39 => 'Spatie\\Permission\\PermissionServiceProvider',
+    40 => 'Swis\\Filament\\Backgrounds\\FilamentBackgroundsServiceProvider',
+    41 => 'Technikermathe\\LucideIcons\\BladeLucideIconsServiceProvider',
+    42 => 'App\\Providers\\AppServiceProvider',
+    43 => 'App\\Providers\\Filament\\AdminPanelProvider',
   ),
   'deferred' => 
   array (

composer.json

@@ -12,6 +12,7 @@
         "php": "^8.3",
         "awcodes/light-switch": "^2.0",
         "bezhansalleh/filament-shield": "^4.0",
+        "codeat3/blade-phosphor-icons": "^2.0",
         "codewithdennis/filament-lucide-icons": "*",
         "filament/filament": "^4.0",
         "joaopaulolndev/filament-edit-profile": "^2.0",

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "8ed7a74afde888404a4f364f4fdc7bed",
+    "content-hash": "e97cae1dbcd690943f89f48799f58237",
     "packages": [
         {
             "name": "anourvalar/eloquent-serialize",
@@ -755,6 +755,77 @@
             ],
             "time": "2024-07-16T11:13:48+00:00"
         },
+        {
+            "name": "codeat3/blade-phosphor-icons",
+            "version": "2.3.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/codeat3/blade-phosphor-icons.git",
+                "reference": "2812a27ec642359344429d344c7f7bbdfad489ce"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/codeat3/blade-phosphor-icons/zipball/2812a27ec642359344429d344c7f7bbdfad489ce",
+                "reference": "2812a27ec642359344429d344c7f7bbdfad489ce",
+                "shasum": ""
+            },
+            "require": {
+                "blade-ui-kit/blade-icons": "^1.1",
+                "illuminate/support": "^8.0|^9.0|^10.0|^11.0|^12.0",
+                "php": "^7.4|^8.0"
+            },
+            "require-dev": {
+                "codeat3/blade-icon-generation-helpers": "^0.10",
+                "codeat3/phpcs-styles": "^1.0",
+                "orchestra/testbench": "^6.0|^7.0|^8.0|^9.0|^10.0",
+                "phpunit/phpunit": "^9.0|^10.5|^11.0"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Codeat3\\BladePhosphorIcons\\BladePhosphorIconsServiceProvider"
+                    ]
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Codeat3\\BladePhosphorIcons\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Swapnil Sarwe",
+                    "homepage": "https://swapnilsarwe.com"
+                },
+                {
+                    "name": "Dries Vints",
+                    "homepage": "https://driesvints.com"
+                }
+            ],
+            "description": "A package to easily make use of \"Phosphor Icons\" in your Laravel Blade views.",
+            "homepage": "https://github.com/codeat3/blade-phosphor-icons",
+            "keywords": [
+                "blade",
+                "laravel",
+                "phosphor-icons"
+            ],
+            "support": {
+                "issues": "https://github.com/codeat3/blade-phosphor-icons/issues",
+                "source": "https://github.com/codeat3/blade-phosphor-icons/tree/2.3.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/swapnilsarwe",
+                    "type": "github"
+                }
+            ],
+            "time": "2025-02-25T06:29:09+00:00"
+        },
         {
             "name": "codewithdennis/filament-lucide-icons",
             "version": "v4.0.0",

resources/views/filament/pages/monitor.blade.php

@@ -6,6 +6,45 @@
         .fi-page-content {
             row-gap: 0;
         }
+
+        #monitor-table {
+            border: 1px solid #e7e7e8;
+        }
+
+        .tabulator {
+            font-size: 12px;
+        }
+
+        .tabulator .tabulator-header {
+            background-color: #fff;
+            border-bottom: 1px solid #e7e7e8;
+        }
+
+        .tabulator .tabulator-footer {
+            background-color: #fff;
+            border-top: 1px solid #e7e7e8;
+        }
+
+        .dark {
+            #monitor-table {
+                border: 1px solid #525252;
+            }
+
+            .tabulator {
+                font-size: 12px;
+            }
+
+            .tabulator .tabulator-header {
+                border-bottom: 1px solid #525252;
+            }
+
+            .tabulator .tabulator-footer {
+                border-top: 1px solid #525252;
+            }
+
+            .tabulator .tabulator-header .tabulator-col {
+                border-right: 1px solid #525252;
+            }
     </style>
     <script type="module">
         import {
@@ -15,7 +54,7 @@
         var r = 10;
 
         var tabledata = {!! $data !!}
-        var table = new Tabulator("#example-table", {
+        var table = new Tabulator("#monitor-table", {
             rowHeight: 80,
             height: screen.height - 382 + "px",
             pagination: true,
@@ -61,6 +100,6 @@
     </script>
 
 
-    <div id="example-table" class="h-20">
+    <div id="monitor-table" class="h-20">
     </div>
 </x-filament-panels::page>