style(popular): drop static border on rank row to match figma spec

This commit is contained in:
TerryM
2026-06-03 08:13:55 +08:00
parent 7e4be0a590
commit 4f0d8925a4

View File

@@ -123,7 +123,7 @@ function PopularRankRow({
}; };
return ( return (
<article className="relative flex items-center gap-3 overflow-hidden rounded-2xl border border-[#27292E] bg-[#272632] p-3 transition hover:border-ark-gold/55 md:h-[90px] md:gap-0 md:p-0"> <article className="relative flex items-center gap-3 overflow-hidden rounded-2xl bg-[#272632] p-3 transition hover:ring-1 hover:ring-ark-gold/55 md:h-[90px] md:gap-0 md:p-0">
<button <button
type="button" type="button"
onClick={() => onClick={() =>
@@ -205,7 +205,7 @@ function ComingSoonRankRow({ index }: { index: number }) {
const label = lang === "zh-CN" ? "即将到来" : "Coming soon"; const label = lang === "zh-CN" ? "即将到来" : "Coming soon";
return ( return (
<article <article
className="flex items-center gap-3 rounded-2xl border border-[#27292E] bg-[#272632] p-3 opacity-70 md:gap-4 md:p-4" className="flex items-center gap-3 rounded-2xl bg-[#272632] p-3 opacity-70 md:gap-4 md:p-4"
aria-hidden="true" aria-hidden="true"
> >
<RankBadge index={index} /> <RankBadge index={index} />