Widen marketing demo frame

resources/js/pages/marketing/Demo.tsx

@@ -84,7 +84,7 @@ const DemoPage: React.FC<DemoPageProps> = ({ demoToken }) => {
                     <div className="flex-1">
                         {embedUrl ? (
                             <>
-                                <div className="relative mx-auto w-full max-w-[260px] rounded-[2.5rem] border border-gray-200 bg-gray-900 px-3 pb-3 pt-4 shadow-2xl sm:max-w-[300px] md:max-w-[320px] dark:border-gray-700">
+                                <div className="relative mx-auto w-full max-w-[300px] rounded-[2.5rem] border border-gray-200 bg-gray-900 px-3 pb-3 pt-4 shadow-2xl sm:max-w-[340px] md:max-w-[380px] dark:border-gray-700">
                                     <div
                                         className="absolute top-2 left-1/2 h-1.5 w-16 -translate-x-1/2 rounded-full bg-gray-300 dark:bg-gray-600"
                                         aria-hidden

tests/Feature/Marketing/DemoPageTest.php

@@ -29,4 +29,15 @@ class DemoPageTest extends TestCase
             ->where('demoToken', $joinToken->token)
         );
     }
+
+    public function test_demo_page_renders_without_marketing_demo_event(): void
+    {
+        $response = $this->get('/de/demo');
+
+        $response->assertOk();
+        $response->assertInertia(fn (Assert $page) => $page
+            ->component('marketing/Demo')
+            ->where('demoToken', null)
+        );
+    }
 }