fix: remove duplicate Enter button from /me page and keep text beside avatar
- 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:
1 parent
0869b82f5f
commit
0cbd4ca858
1 file changed
+2
-25
@@ -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">
|
||||
|
||||
Reference in new issue
Block a user