feat: 完成代码编写

apps/user/app/(main)/(content)/(user)/sidebar-left.tsx

@@ -27,7 +27,7 @@ export function SidebarLeft({ ...props }: React.ComponentProps<typeof Sidebar>)
           'relative ml-2.5 flex h-[calc(100dvh-10px-env(safe-area-inset-top))] flex-col rounded-[30px] bg-[#D9D9D9] px-4 md:ml-0 md:h-full md:rounded-none md:bg-white'
         }
       >
-        <div className={'absolute -right-3 top-6'} onClick={toggleSidebar}>
+        <div className={'absolute -right-3 top-6 md:hidden'} onClick={toggleSidebar}>
           <Image src={'shrink.png'} height={30} width={30} alt='close' unoptimized></Image>
         </div>
         <div

apps/user/app/(main)/(content)/(user)/subscribe/page.tsx

@@ -92,7 +92,23 @@ export default function Page() {
             value={tabValue}
             onValueChange={(value) => setTabValue(value as 'year' | 'month')}
           >
-            <TabsList className='mb-8 h-[74px] flex-wrap rounded-full bg-[#EAEAEA] p-2.5 md:mb-16'>
+            <TabsList className='relative mb-8 h-[74px] flex-wrap rounded-full bg-[#EAEAEA] p-2.5 md:mb-16'>
+              {tabValue === 'year' ? (
+                <span className='absolute -top-8 left-16 z-10 rounded-md bg-[#E22C2E] px-2 py-0.5 text-[10px] font-bold leading-none text-white shadow sm:text-xs'>
+                  -20%
+                  {/* 小三角箭头 */}
+                  {/* <span className="
+                  absolute right-0 top-full
+                  block h-0 w-0
+                  border-l-[6px] border-r-[6px] border-t-[16px]
+                  border-l-transparent border-r-transparent border-t-[#E22C2E]
+                " />*/}
+                  <span
+                    className='absolute right-0 top-[80%] h-10 w-2 bg-[#E22C2E]'
+                    style={{ clipPath: 'polygon(100% 0, 100% 100%, 0 0)' }}
+                  />
+                </span>
+              ) : null}
               <TabsTrigger
                 className={
                   'rounded-full px-10 py-3.5 text-xl data-[state=active]:bg-[#0F2C53] data-[state=active]:text-white md:px-12'

apps/user/app/auth/email/login-form.tsx

@@ -115,6 +115,7 @@ export default function LoginForm({
             </Button>
             <Button
               variant='link'
+              type='button'
               className='p-0 text-[#225BA9]'
               onClick={() => {
                 setInitialValues(undefined);

apps/user/app/auth/email/register-form.tsx

@@ -225,6 +225,7 @@ export default function RegisterForm({
               {t('existingAccount')} 
               <Button
                 variant='link'
+                type='button'
                 className='p-0 text-[#225BA9]'
                 onClick={() => {
                   setInitialValues(undefined);

apps/user/app/auth/email/reset-form.tsx

@@ -145,6 +145,7 @@ export default function ResetForm({
             {t('existingAccount')} 
             <Button
               variant='link'
+              type='button'
               className='p-0 text-[#225BA9]'
               onClick={() => {
                 setInitialValues(undefined);