fix: center settings content within content area
Content was left-aligned in the content pane, making it appear off-center relative to the full modal. Add mx-auto to center the max-w-[640px] wrapper within the content area, matching Discord's centering behavior.
This commit is contained in:
@@ -379,7 +379,7 @@ export function SpaceSettingsModal() {
|
||||
{/* Content area (desktop always, mobile only when viewing content) */}
|
||||
{(!isMobile || mobileView === 'content') && (
|
||||
<div className="flex-1 min-w-0 overflow-y-auto scrollbar-thin py-6">
|
||||
<div className="px-6 max-w-[640px]">
|
||||
<div className="px-6 max-w-[640px] mx-auto">
|
||||
{/* Mobile back button */}
|
||||
{isMobile && (
|
||||
<button
|
||||
|
||||
@@ -158,7 +158,7 @@ export function UserSettingsModal() {
|
||||
{/* Content area (desktop always, mobile only when viewing content) */}
|
||||
{(!isMobile || mobileView === 'content') && (
|
||||
<div className="flex-1 min-w-0 overflow-y-auto scrollbar-thin py-6">
|
||||
<div className="px-6 max-w-[640px]">
|
||||
<div className="px-6 max-w-[640px] mx-auto">
|
||||
{/* Mobile back button */}
|
||||
{isMobile && (
|
||||
<button
|
||||
|
||||
Reference in New Issue
Block a user