fix: remove duplicate Enter button from /me page and keep text beside avatar
Deploy / release (push) Skipped
Deploy / deploy (push) Successful in 2m4s

- Remove standalone 'Enter hotel' button below profile header (button inside avatar column already exists)
- Keep text (rank, username, motto) always beside avatar instead of stacking below on mobile
This commit is contained in:
openhands committed 2026-07-26 16:50:06 +02:00
1 parent 0869b82f5f
commit 0cbd4ca858
1 file changed
+2 -25
+2 -25
View File
@@ -241,7 +241,7 @@ export default async function MePage({
{/* ── Profile header ── */}
<Reveal>
<div
className="rounded-2xl border p-6 flex flex-col sm:flex-row items-center sm:items-start gap-6"
className="rounded-2xl border p-6 flex items-start gap-6"
style={{
background: `linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 10%, var(--color-surface)), var(--color-surface))`,
borderColor: "color-mix(in srgb, var(--color-primary) 20%, transparent)",
@@ -281,7 +281,7 @@ export default async function MePage({
Enter {hotelName}
</Link>
</div>
<div className="flex-1 text-center sm:text-left">
<div className="flex-1 text-left">
<div
className="inline-flex items-center gap-2 px-3.5 py-1 rounded-full text-xs font-bold uppercase tracking-wider mb-3 border"
style={{
@@ -322,29 +322,6 @@ export default async function MePage({
</Reveal>
) : null}
{/* ── Enter hotel ── */}
<Reveal delay={0.05}>
<Link
href="/client"
className="btn-shine flex items-center justify-center gap-3 rounded-2xl border py-4 px-6 font-extrabold text-base transition-all duration-200 hover:scale-[1.02] active:scale-95 shadow-lg"
style={{
background: "var(--color-primary)",
color: "var(--color-primary-foreground)",
borderColor: "color-mix(in srgb, var(--color-primary) 20%, transparent)",
boxShadow: "0 4px 24px color-mix(in srgb, var(--color-primary) 35%, transparent)",
}}
>
<Image
src="/assets/images/EnterHubbly.png"
alt=""
width={22}
height={22}
unoptimized
/>
Enter {hotelName}
</Link>
</Reveal>
{/* ── Stat tiles ── */}
<Reveal delay={0.1}>
<div className="grid grid-cols-2 sm:grid-cols-3 gap-4 stagger-children">