style(subscription): adjust back button spacing

This commit is contained in:
2026-06-23 15:28:29 +08:00
parent f14b8a48d2
commit c5eca65303
2 changed files with 7 additions and 17 deletions
@@ -3,10 +3,11 @@
* 订阅页返回箭头 * 订阅页返回箭头
* *
* 视觉规格(与设计稿对齐): * 视觉规格(与设计稿对齐):
* - 24×24 SVG chevron-left * - 24×24 chevron-left 图标
* - 黑色,2px 描边 * - 黑色,2px 描边
* - 无 "Back" 文本 * - 无 "Back" 文本
*/ */
import { ChevronLeft } from "lucide-react";
import Link from "next/link"; import Link from "next/link";
import { ROUTES } from "@/router/routes"; import { ROUTES } from "@/router/routes";
@@ -24,22 +25,12 @@ export function SubscriptionBackLink({ className }: SubscriptionBackLinkProps) {
aria-label="Back" aria-label="Back"
className={[styles.backLink, className].filter(Boolean).join(" ")} className={[styles.backLink, className].filter(Boolean).join(" ")}
> >
<svg <ChevronLeft
width="24" size={24}
height="24" strokeWidth={2}
viewBox="0 0 24 24"
fill="none"
aria-hidden="true" aria-hidden="true"
className={styles.icon} className={styles.icon}
> />
<path
d="M15 6l-6 6 6 6"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
</Link> </Link>
); );
} }
@@ -3,14 +3,13 @@
flex-direction: column; flex-direction: column;
min-height: 100dvh; min-height: 100dvh;
background: var(--color-page-background); background: var(--color-page-background);
padding: 30px 30px 10px; padding: 18 30px 10px;
} }
.header { .header {
display: flex; display: flex;
align-items: center; align-items: center;
height: 40px; height: 40px;
padding-top: var(--spacing-sm);
} }
.backSlot { .backSlot {