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 +
  • }
    ); }