From 3dd0c6080f5782a3c6878b4d03f6556e276de439 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Helge-Mikael=20Nordg=C3=A5rd?= Date: Tue, 6 May 2025 11:04:24 +0200 Subject: [PATCH] Implemented a way for the developer to define a custom background color for the pages they are building through the config file 'pagebuilder.php' --- app/Providers/AppServiceProvider.php | 4 ++++ config/pagebuilder.php | 11 +++++++++++ resources/js/pages/Root.vue | 3 ++- 3 files changed, 17 insertions(+), 1 deletion(-) create mode 100644 config/pagebuilder.php diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php index a00825e..48dd2eb 100644 --- a/app/Providers/AppServiceProvider.php +++ b/app/Providers/AppServiceProvider.php @@ -3,6 +3,7 @@ namespace App\Providers; use Illuminate\Support\ServiceProvider; + use Inertia\Inertia; use App\Helpers\PageSettingsHelper; @@ -27,6 +28,9 @@ class AppServiceProvider extends ServiceProvider 'siteName' => function () { return config('app.name'); }, + 'canvas' => function () { + return config('pagebuilder.canvas'); + } ]); } } diff --git a/config/pagebuilder.php b/config/pagebuilder.php new file mode 100644 index 0000000..75651ef --- /dev/null +++ b/config/pagebuilder.php @@ -0,0 +1,11 @@ + 'bg-black' // The main background color of the pagebuilder canvas (the background color of the pages you want to build) +]; \ No newline at end of file diff --git a/resources/js/pages/Root.vue b/resources/js/pages/Root.vue index 4d45042..fc12457 100644 --- a/resources/js/pages/Root.vue +++ b/resources/js/pages/Root.vue @@ -39,6 +39,7 @@ const showMainMenu = ref(false); const page = usePage(); const pageRef = ref(); + const canvasClass = page.props.canvas || 'bg-black'; // fallback to bg-black /** Get a node value from json */ @@ -70,7 +71,7 @@