style(subscription): adjust back button spacing
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user