diff --git a/src/routes/reg/Register.tsx b/src/routes/reg/Register.tsx
index 9c24d018..58c25dbf 100644
--- a/src/routes/reg/Register.tsx
+++ b/src/routes/reg/Register.tsx
@@ -152,7 +152,7 @@ export default function Reg() {
{enableGithubLogin && (
)}
-
+
>
);
}
diff --git a/src/routes/reg/SignInLink.tsx b/src/routes/reg/SignInLink.tsx
index ba523084..ac3359eb 100644
--- a/src/routes/reg/SignInLink.tsx
+++ b/src/routes/reg/SignInLink.tsx
@@ -1,33 +1,46 @@
import styled from "styled-components";
-const StyledSignInLink = styled.p`
- text-align: center;
- margin: 24px 0 8px;
- > span {
- font-weight: 400;
- font-size: 14px;
- line-height: 20px;
- color: #667085;
- margin-right: 4px;
- }
-
- > a {
- font-weight: 500;
- font-size: 14px;
- line-height: 20px;
- color: #22d3ee;
- cursor: pointer;
- }
+const StyledSignInLink = styled.ul`
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ margin-top: 30px;
+ >.item{
+ text-align: center;
+ margin: 0;
+ > span {
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 20px;
+ color: #667085;
+ margin-right: 4px;
+ }
+ > a {
+ font-weight: 500;
+ font-size: 14px;
+ line-height: 20px;
+ color: #22d3ee;
+ cursor: pointer;
+ }
+}
`;
-export default function SignInLink() {
+export default function SignInLink({ token }: { token?: string }) {
+ const isMobile = "ontouchstart" in document.documentElement;
const handleSignIn = () => {
location.href = "/#/login";
};
+ const showAppEntry = isMobile && !!token;
return (
- Have an account?
- Sign In
+
+ Have an account?
+ Sign In
+
+ {showAppEntry &&
+ Using a mobile device? Open in
+ VoceChat App
+ }
);
}