Corrected buttons position and bolded labels
This commit is contained in:
parent
a6d6522f6c
commit
ac9af4a4e9
@ -52,7 +52,7 @@ const Profile = () => {
|
|||||||
<h1 className="text-2xl font-bold mb-6">👤 Twój profil</h1>
|
<h1 className="text-2xl font-bold mb-6">👤 Twój profil</h1>
|
||||||
|
|
||||||
<div className="mb-4">
|
<div className="mb-4">
|
||||||
<label className="block font-semibold mb-1">Nazwa użytkownika:</label>
|
<label className="block font-semibold mb-1"><strong>Nazwa użytkownika:</strong></label>
|
||||||
{editMode ? (
|
{editMode ? (
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
@ -66,7 +66,7 @@ const Profile = () => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="mb-4">
|
<div className="mb-4">
|
||||||
<label className="block font-semibold mb-1">Email:</label>
|
<label className="block font-semibold mb-1"><strong>Email:</strong></label>
|
||||||
{editMode ? (
|
{editMode ? (
|
||||||
<input
|
<input
|
||||||
type="email"
|
type="email"
|
||||||
@ -80,7 +80,7 @@ const Profile = () => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="mb-6">
|
<div className="mb-6">
|
||||||
<label className="block font-semibold mb-1">Rola:</label>
|
<label className="block font-semibold mb-1"><strong>Rola:</strong></label>
|
||||||
<p>{user.role}</p>
|
<p>{user.role}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -103,15 +103,13 @@ const Profile = () => {
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
|
<div className="flex flex-col gap-2">
|
||||||
<button
|
<button
|
||||||
onClick={() => setEditMode(true)}
|
onClick={() => setEditMode(true)}
|
||||||
className="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600"
|
className="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600"
|
||||||
>
|
>
|
||||||
✏️ Edytuj profil
|
✏️ Edytuj profil
|
||||||
</button>
|
</button>
|
||||||
)}
|
|
||||||
{!editMode && (
|
|
||||||
<div className="mt-6 flex flex-col gap-2">
|
|
||||||
<button
|
<button
|
||||||
onClick={() => navigate("/profile/change-password")}
|
onClick={() => navigate("/profile/change-password")}
|
||||||
className="bg-yellow-500 text-white px-4 py-2 rounded hover:bg-yellow-600"
|
className="bg-yellow-500 text-white px-4 py-2 rounded hover:bg-yellow-600"
|
||||||
|
Loading…
x
Reference in New Issue
Block a user