Fixes

Frontend/src/i18n/en.ts

@@ -25,6 +25,7 @@ export const dict = {
 			noAccount: "Don't Have an Account?",
 			registerLink: "Register",
 			loginBtn: "Login",
+			orContinue: "Or continue with",
 		},
 	},
 };

Frontend/src/i18n/zh.ts

@@ -25,6 +25,7 @@ export const dict = {
 			noAccount: "還沒有帳號？",
 			registerLink: "註冊",
 			loginBtn: "登入",
+			orContinue: "或者使用以下方式登入",
 		},
 	},
 };

Frontend/src/routes/auth/login/index.tsx

@@ -31,7 +31,7 @@ const LoginPage: Component = () => {
 				</form>
 
 				{/* Federated */}
-				<div class={styles.federatedLogin}>
+				<div class={styles.federatedLogin} data-label={t("auth").login.orContinue}>
 					<GoogleBtn class={styles.federatedBtn} />
 					<GoogleBtn class={styles.federatedBtn} />
 					<GoogleBtn class={styles.federatedBtn} />

Frontend/src/routes/auth/login/login.module.scss

@@ -89,7 +89,7 @@
         position: relative;
 
         &::after {
-            content: "or continue with";
+            content: attr(data-label);
             position: absolute;
             top: 0;
             left: 50%;