style: enhance layout and spacing in site settings page for improved user experience

This commit is contained in:
Usman Baig
2026-01-18 19:21:58 +01:00
parent 1cd5a99cbc
commit 4d015e5828

View File

@@ -160,15 +160,16 @@ export default function SiteSettingsPage() {
} }
return ( return (
<div className="max-w-4xl mx-auto space-y-8 pb-12"> <div className="min-h-screen pt-12 pb-12 px-4 sm:px-6">
<div> <div className="max-w-4xl mx-auto space-y-8">
<h1 className="text-3xl font-bold text-neutral-900 dark:text-white">Site Settings</h1> <div>
<p className="mt-2 text-neutral-600 dark:text-neutral-400"> <h1 className="text-3xl font-bold text-neutral-900 dark:text-white">Site Settings</h1>
Manage settings for <span className="font-medium text-neutral-900 dark:text-white">{site.domain}</span> <p className="mt-2 text-neutral-600 dark:text-neutral-400">
</p> Manage settings for <span className="font-medium text-neutral-900 dark:text-white">{site.domain}</span>
</div> </p>
</div>
<div className="flex flex-col md:flex-row gap-8"> <div className="flex flex-col md:flex-row gap-8">
{/* Sidebar Navigation */} {/* Sidebar Navigation */}
<nav className="w-full md:w-64 flex-shrink-0 space-y-1"> <nav className="w-full md:w-64 flex-shrink-0 space-y-1">
<button <button
@@ -519,5 +520,6 @@ export default function SiteSettingsPage() {
</div> </div>
</div> </div>
</div> </div>
</div>
) )
} }