修复样式

app/app/(auth)/login/loginByGoogle.tsx

@@ -20,7 +20,7 @@ export default function LoginByGoogle() {
             console.log("[auth log]", r);
           });
         }}
-        className={`bg-transparent hover:bg-transparent`}
+        className={`bg-transparent hover:bg-transparent h-6`}
       >
         {loading ? (
           <LoadingDots color="#A8A29E" />
@@ -35,9 +35,10 @@ export default function LoginByGoogle() {
             {/* */}
             {/*</svg>*/}
             <GoogleCircleFilled
+              className={`text-gray-500 dark:text-white cus-google-icon-color`}
               style={{
                 fontSize: "24px",
-                color: "rgb(107 114 128/var(--tw-text-opacity)) !import",
+                // color: "rgb(107 114 128/var(--tw-text-opacity)) !important",
               }}
             />
             {/*<p className="text-sm font-medium text-stone-600 dark:text-stone-400">*/}

app/app/(auth)/login/page.tsx

@@ -2,6 +2,7 @@ import LoginByGithub from "./loginByGithub";
 import LoginByGoogle from "./loginByGoogle";
 import UserLoginCore from "./user-login-core";
 import { Suspense } from "react";
+import { Space } from "antd";
 
 export default function LoginPage() {
   return (
@@ -31,8 +32,10 @@ export default function LoginPage() {
           {" "}
           其它登录方式{" "}
         </span>
-        <LoginByGithub />
-        <LoginByGoogle />
+        <Space size="1">
+          <LoginByGithub />
+          <LoginByGoogle />
+        </Space>
         <div className="w-5/12" />
       </div>
     </>

app/app/login.scss

@@ -130,3 +130,15 @@ input {
 #login-form .ant-input-group-addon {
   background-color: white;
 }
+
+.cus-google-icon-color {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128/var(--tw-text-opacity)) !important;
+}
+
+@media (prefers-color-scheme: dark) {
+  .cus-google-icon-color {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
+  }
+}