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

Adjust Settings Page Layout

Browse Source 
Align text in the first card on the settings page to match the layout of other cards.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-15 23:17:35 +00:00
parent dc447c0baa
commit de18805f62
1 changed files with 24 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/pages/Settings.tsx
View File

@@ -73,18 +73,30 @@ const Settings = () => {
<h1 className="text-2xl font-bold neuro-text mb-6">설정</h1>
{/* User Profile */}
<div className="neuro-flat p-6 mb-8 flex items-center">
<div className="neuro-flat p-3 rounded-full mr-4 text-neuro-income">
<User size={24} />
</div>
<div>
<h2 className="font-semibold text-lg">
{user ? user.user_metadata?.username || '사용자' : '로그인 필요'}
</h2>
<p className="text-sm text-gray-500">
{user ? user.email : '계정에 로그인하세요'}
</p>
</div>
<div className="neuro-flat p-6 mb-8">
{user ? (
<div className="flex items-center">
<div className="neuro-flat p-3 rounded-full mr-4 text-neuro-income">
<User size={24} />
</div>
<div>
<h2 className="font-semibold text-lg">
{user.user_metadata?.username || '사용자'}
</h2>
<p className="text-sm text-gray-500">
{user.email}
</p>
</div>
</div>
) : (
<div className="flex flex-col items-center justify-center text-center py-3">
<div className="neuro-flat p-3 rounded-full mb-3 text-neuro-income">
<User size={24} />
</div>
<h2 className="font-semibold text-lg">로그인 필요</h2>
<p className="text-sm text-gray-500">계정에 로그인하세요</p>
</div>
)}
</div>
</header>