微调登录按钮样式

themes/starter/components/NavBar.js

@@ -1,9 +1,11 @@
 /* eslint-disable no-unreachable */
+import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import { SignInButton, SignedIn, SignedOut, UserButton } from '@clerk/nextjs'
 import throttle from 'lodash.throttle'
 import { useRouter } from 'next/router'
 import { useCallback, useEffect, useState } from 'react'
+import CONFIG from '../config'
 import { DarkModeButton } from './DarkModeButton'
 import { Logo } from './Logo'
 import { MenuList } from './MenuList'
@@ -77,7 +79,12 @@ export const NavBar = props => {
                       {siteConfig('STARTER_NAV_BUTTON_1_TEXT', null, CONFIG)}
                     </a> */}
 
-                    <SignInButton mode='modal' />
+                    <SignInButton mode='modal'>
+                      <button
+                        className={`loginBtn ${buttonTextColor}  px-[22px] py-2 text-base font-medium hover:opacity-70`}>
+                        {siteConfig('STARTER_NAV_BUTTON_1_TEXT', null, CONFIG)}
+                      </button>
+                    </SignInButton>
 
                     {/* <button
                         className={`signUpBtn ${buttonTextColor} rounded-md bg-white bg-opacity-20 px-6 py-2 text-base font-medium duration-300 ease-in-out hover:bg-opacity-100 hover:text-dark`}>