修改网站图标显示 & 所以按钮添加手形样式
This commit is contained in:
@@ -141,7 +141,7 @@ export default function LoginCard() {
|
|||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
tabIndex={-1}
|
tabIndex={-1}
|
||||||
className="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600"
|
className="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 cursor-pointer"
|
||||||
onClick={() => setShowPwd(v => !v)}
|
onClick={() => setShowPwd(v => !v)}
|
||||||
aria-label={showPwd ? '隐藏密码' : '显示密码'}
|
aria-label={showPwd ? '隐藏密码' : '显示密码'}
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -28,7 +28,7 @@ export function HeroSection() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<FreeTrial className={[
|
<FreeTrial className={[
|
||||||
`mt-32 max-md:mt-20 w-96 max-md:w-full h-16 md:h-24 rounded-lg shadow-lg`,
|
`mt-32 max-md:mt-20 w-96 max-md:w-full h-16 md:h-24 rounded-lg shadow-lg cursor-pointer`,
|
||||||
`bg-linear-to-r from-blue-500 to-cyan-400 text-white text-xl lg:text-4xl`,
|
`bg-linear-to-r from-blue-500 to-cyan-400 text-white text-xl lg:text-4xl`,
|
||||||
].join(' ')}/>
|
].join(' ')}/>
|
||||||
</Wrap>
|
</Wrap>
|
||||||
|
|||||||
@@ -16,7 +16,7 @@ export default function SidebarDrawer() {
|
|||||||
<span className="font-medium text-slate-900">帮助中心</span>
|
<span className="font-medium text-slate-900">帮助中心</span>
|
||||||
<Drawer open={open} onOpenChange={setOpen}>
|
<Drawer open={open} onOpenChange={setOpen}>
|
||||||
<DrawerTrigger asChild>
|
<DrawerTrigger asChild>
|
||||||
<button className="flex items-center gap-2 text-slate-600 hover:text-slate-900 p-1">
|
<button className="flex items-center gap-2 text-slate-600 hover:text-slate-900 p-1 cursor-pointer">
|
||||||
<Menu size={20}/>
|
<Menu size={20}/>
|
||||||
<span className="text-sm">目录</span>
|
<span className="text-sm">目录</span>
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -225,7 +225,7 @@ function MenuItem(props: {
|
|||||||
onPointerLeave={props.onPointerLeave}
|
onPointerLeave={props.onPointerLeave}
|
||||||
className={[
|
className={[
|
||||||
`h-full px-4 flex gap-3 items-center cursor-pointer text-lg`,
|
`h-full px-4 flex gap-3 items-center cursor-pointer text-lg`,
|
||||||
`transition-colors duration-200 ease-in-out`,
|
`transition-colors duration-200 ease-in-out cursor-pointer`,
|
||||||
props.active
|
props.active
|
||||||
? `text-blue-500`
|
? `text-blue-500`
|
||||||
: ``,
|
: ``,
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 31 KiB |
@@ -11,6 +11,7 @@ export const buttonVariants = cva(
|
|||||||
'aria-invalid:ring-fail/20 dark:aria-invalid:ring-fail/40 aria-invalid:border-fail', // 无效状态样式
|
'aria-invalid:ring-fail/20 dark:aria-invalid:ring-fail/40 aria-invalid:border-fail', // 无效状态样式
|
||||||
'inline-flex items-center justify-center gap-2', // 布局
|
'inline-flex items-center justify-center gap-2', // 布局
|
||||||
'[&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 ',
|
'[&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 ',
|
||||||
|
'cursor-pointer',
|
||||||
],
|
],
|
||||||
{
|
{
|
||||||
variants: {
|
variants: {
|
||||||
|
|||||||
Reference in New Issue
Block a user