ZELLYY/zellyy-finance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor security settings page

Browse Source 
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
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/pages/SecurityPrivacySettings.tsx
View File

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