refactor: adjust layout in OrganizationSettings by ensuring full width for content area and enhancing responsiveness

This commit is contained in:
Usman Baig
2026-02-05 15:39:26 +01:00
parent 28602f6635
commit cc289b3543

View File

@@ -409,13 +409,13 @@ export default function OrganizationSettings() {
</nav> </nav>
{/* Content Area */} {/* Content Area */}
<div className="flex-1 relative"> <div className="flex-1 min-w-0 relative">
<motion.div <motion.div
key={activeTab} key={activeTab}
initial={{ opacity: 0, x: 20 }} initial={{ opacity: 0, x: 20 }}
animate={{ opacity: 1, x: 0 }} animate={{ opacity: 1, x: 0 }}
transition={{ duration: 0.2 }} transition={{ duration: 0.2 }}
className="bg-white dark:bg-neutral-900 rounded-2xl border border-neutral-200 dark:border-neutral-800 p-6 md:p-8 shadow-sm" className="w-full bg-white dark:bg-neutral-900 rounded-2xl border border-neutral-200 dark:border-neutral-800 p-6 md:p-8 shadow-sm"
> >
{activeTab === 'general' && ( {activeTab === 'general' && (
<div className="space-y-12"> <div className="space-y-12">