Refactor security settings page
Align text to the left in the security settings page.
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user