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) */}
|
{/* Content area (desktop always, mobile only when viewing content) */}
|
||||||
{(!isMobile || mobileView === 'content') && (
|
{(!isMobile || mobileView === 'content') && (
|
||||||
<div className="flex-1 min-w-0 overflow-y-auto scrollbar-thin py-6">
|
<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 */}
|
{/* Mobile back button */}
|
||||||
{isMobile && (
|
{isMobile && (
|
||||||
<button
|
<button
|
||||||
|
|||||||
@@ -158,7 +158,7 @@ export function UserSettingsModal() {
|
|||||||
{/* Content area (desktop always, mobile only when viewing content) */}
|
{/* Content area (desktop always, mobile only when viewing content) */}
|
||||||
{(!isMobile || mobileView === 'content') && (
|
{(!isMobile || mobileView === 'content') && (
|
||||||
<div className="flex-1 min-w-0 overflow-y-auto scrollbar-thin py-6">
|
<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 */}
|
{/* Mobile back button */}
|
||||||
{isMobile && (
|
{isMobile && (
|
||||||
<button
|
<button
|
||||||
|
|||||||
Reference in New Issue
Block a user