Restore simpler, cleaner help layout design

scott grayson · scott grayson · commit 90c0b8986e1b · 2025-11-20T13:24:06.000-05:00
- Revert to clean gray background layout (no gradient decorations) - Remove complex white + gradient background - Back to simple, readable design from commit 08a4b85 - User preferred the cleaner appearance
diff --git a/resources/views/layouts/help.blade.php b/resources/views/layouts/help.blade.php
@@ -30,32 +30,20 @@
         @endif
     </head>
 
-    <body class="font-sans antialiased">
-        <div class="bg-white">
-            <div class="relative isolate pt-14">
-                <div class="absolute inset-x-0 overflow-hidden -top-40 -z-10 transform-gpu blur-3xl sm:-top-80" aria-hidden="true">
-                    <div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-blue-300 to-blue-500 opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
-                </div>
-                
-                <div class="min-h-screen flex flex-col sm:justify-center items-center py-12">
-                    <div class="mt-4 mb-4">
-                        <a href="/" class="block">
-                            @if(file_exists(public_path('logo.png')))
-                                <img src="{{ asset('logo.png') }}" alt="{{ config('app.name') }}" class="h-16 w-auto max-w-xs">
-                            @else
-                                <x-application-logo class="h-16 w-auto fill-current text-gray-500" />
-                            @endif
-                        </a>
-                    </div>
-
-                    <div class="w-full max-w-full sm:max-w-5xl mt-6 mx-4 mb-4 px-6 py-4 bg-white shadow-md overflow-hidden sm:rounded-lg">
-                        {{ $slot }}
-                    </div>
-                </div>
+    <body class="font-sans text-gray-900 antialiased">
+        <div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100 dark:bg-gray-900">
+            <div class="mt-4 mb-4">
+                <a href="/" class="block">
+                    @if(file_exists(public_path('logo.png')))
+                        <img src="{{ asset('logo.png') }}" alt="{{ config('app.name') }}" class="h-16 w-auto max-w-xs">
+                    @else
+                        <x-application-logo class="h-16 w-auto fill-current text-gray-500" />
+                    @endif
+                </a>
+            </div>
 
-                <div class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]" aria-hidden="true">
-                    <div class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-red-500 to-red-700 opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
-                </div>
+            <div class="max-w-full sm:max-w-5xl mt-6 mx-4 mb-4 px-6 py-4 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg">
+                {{ $slot }}
             </div>
         </div>
 
