style(goods): 调整商品列表和兑换弹窗的样式细节

This commit is contained in:
JiaJun
2026-04-21 15:00:17 +08:00
parent 236ae4b37e
commit 195cba9d6e
5 changed files with 20 additions and 12 deletions

View File

@@ -24,7 +24,7 @@ function GoodsPage() {
const pageTitle = t(HOME_CATEGORY_META_MAP[selectedType].nameKey)
return (
<PageLayout contentClassName="mx-auto flex min-h-screen w-full max-w-[1180px] flex-col px-4 pb-8 sm:px-6 lg:px-8">
<PageLayout contentClassName="mx-auto flex min-h-screen w-full max-w-[1220px] flex-col px-4 pb-8 sm:px-6 lg:px-8">
<Link
to="/"
className="mt-[12px] flex h-[44px] items-center justify-between rounded-[12px] bg-[#08070E]/72 px-[14px] text-[#F56E10] transition-colors hover:bg-[#0D0A14]/80 focus-visible:ring-2 focus-visible:ring-[#FE9F00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#08070E] sm:mt-[16px]"
@@ -39,7 +39,7 @@ function GoodsPage() {
<div className="w-[52px]"></div>
</Link>
<div className="mx-auto w-full max-w-[1120px] pt-[18px] pb-[24px]">
<div className="mx-auto w-full max-w-[1160px] pt-[18px] pb-[24px]">
<div className="h-px bg-white/16"></div>
<div className="mt-[14px]">
<GoodsCategoryList