Adjust account page layout
Moved "Tillbaka till startsidan" link to top-left under header; made sign-out red and kept as text link with underline on hover; removed the separate return button. X-Lovable-Edit-ID: edt-6ddfe69a-b2ae-42d1-87e8-40c1d3660a2b
This commit is contained in:
+14
-12
@@ -124,6 +124,17 @@ const Account = () => {
|
|||||||
<Header />
|
<Header />
|
||||||
<div className="pt-24 px-4 pb-12">
|
<div className="pt-24 px-4 pb-12">
|
||||||
<div className="max-w-2xl mx-auto">
|
<div className="max-w-2xl mx-auto">
|
||||||
|
{/* Back link - top left */}
|
||||||
|
<div className="mb-6">
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
onClick={() => navigate("/")}
|
||||||
|
className="text-sm text-muted-foreground hover:underline"
|
||||||
|
>
|
||||||
|
← Tillbaka till startsidan
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
{/* Header */}
|
{/* Header */}
|
||||||
<div className="text-center mb-8">
|
<div className="text-center mb-8">
|
||||||
<h1 className="font-serif text-3xl md:text-4xl font-semibold mb-2">
|
<h1 className="font-serif text-3xl md:text-4xl font-semibold mb-2">
|
||||||
@@ -175,24 +186,15 @@ const Account = () => {
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Links */}
|
{/* Sign out link */}
|
||||||
<div className="text-center mt-6 space-y-3">
|
<div className="text-center mt-6">
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
onClick={handleSignOut}
|
onClick={handleSignOut}
|
||||||
className="text-sm text-muted-foreground hover:underline"
|
className="text-sm text-destructive hover:underline"
|
||||||
>
|
>
|
||||||
Logga ut
|
Logga ut
|
||||||
</button>
|
</button>
|
||||||
<div>
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
onClick={() => navigate("/")}
|
|
||||||
className="text-sm text-primary hover:underline"
|
|
||||||
>
|
|
||||||
← Tillbaka till startsidan
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user