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 ── */}
|
{/* ── Profile header ── */}
|
||||||
<Reveal>
|
<Reveal>
|
||||||
<div
|
<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={{
|
style={{
|
||||||
background: `linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 10%, var(--color-surface)), var(--color-surface))`,
|
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)",
|
borderColor: "color-mix(in srgb, var(--color-primary) 20%, transparent)",
|
||||||
@@ -281,7 +281,7 @@ export default async function MePage({
|
|||||||
Enter {hotelName}
|
Enter {hotelName}
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex-1 text-center sm:text-left">
|
<div className="flex-1 text-left">
|
||||||
<div
|
<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"
|
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={{
|
style={{
|
||||||
@@ -322,29 +322,6 @@ export default async function MePage({
|
|||||||
</Reveal>
|
</Reveal>
|
||||||
) : null}
|
) : 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 ── */}
|
{/* ── Stat tiles ── */}
|
||||||
<Reveal delay={0.1}>
|
<Reveal delay={0.1}>
|
||||||
<div className="grid grid-cols-2 sm:grid-cols-3 gap-4 stagger-children">
|
<div className="grid grid-cols-2 sm:grid-cols-3 gap-4 stagger-children">
|
||||||
|
|||||||
Reference in new issue
Block a user