Refactor security settings page

Align text to the left in the security settings page.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-15 23:25:54 +00:00
parent 059ee4878d
commit 435ea26556

View File

@@ -151,17 +151,17 @@ const SecurityPrivacySettings = () => {
{/* Security Settings */}
<div className="space-y-6 neuro-flat p-6 mb-8">
{settings.map((setting) => (
<div key={setting.id} className="flex items-center justify-between">
<div className="flex items-center space-x-4">
<div className="neuro-pressed p-3 rounded-full text-neuro-income">
<div key={setting.id} className="flex items-start justify-between">
<div className="flex items-start space-x-4 flex-1">
<div className="neuro-pressed p-3 rounded-full text-neuro-income shrink-0 mt-1">
{setting.icon}
</div>
<div className="flex-1 mr-4">
<div className="text-left">
<h3 className="font-medium">{setting.title}</h3>
<p className="text-xs text-gray-500">{setting.description}</p>
<p className="text-xs text-gray-500 mt-1">{setting.description}</p>
</div>
</div>
<div className="flex items-center">
<div className="flex items-center ml-4">
<Switch
id={`${setting.id}-switch`}
checked={setting.enabled}
@@ -181,13 +181,13 @@ const SecurityPrivacySettings = () => {
{/* Data Reset Section */}
<div className="neuro-flat p-6 mb-8">
<div className="flex items-center space-x-4">
<div className="neuro-pressed p-3 rounded-full text-red-500">
<div className="flex items-start space-x-4">
<div className="neuro-pressed p-3 rounded-full text-red-500 shrink-0 mt-1">
<Trash2 size={20} />
</div>
<div className="flex-1">
<div className="text-left">
<h3 className="font-medium"> </h3>
<p className="text-xs text-gray-500"> , , .</p>
<p className="text-xs text-gray-500 mt-1"> , , .</p>
</div>
</div>
<Button