Ecosystem/ai-gateway
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: fix Lark icon button style (#1279)

Browse Source
This commit is contained in:
GAI Group 2024-04-06 10:18:59 +08:00 committed by GitHub
parent 961b4108e6
commit 569c04acb0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 41 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
web/default/src/components/LoginForm.js
View File

@ -128,38 +128,47 @@ const LoginForm = () => {
{status.github_oauth || status.wechat_login || status.lark_client_id ? ( {status.github_oauth || status.wechat_login || status.lark_client_id ? (
<> <>
<Divider horizontal>Or</Divider> <Divider horizontal>Or</Divider>
{status.github_oauth ? ( <div style={{ display: "flex", justifyContent: "center" }}>
<Button {status.github_oauth ? (
circular <Button
color='black' circular
icon='github' color='black'
onClick={() => onGitHubOAuthClicked(status.github_client_id)} icon='github'
/> onClick={() => onGitHubOAuthClicked(status.github_client_id)}
) : ( />
<></> ) : (
)} <></>
{status.lark_client_id ? ( )}
<Button {status.wechat_login ? (
// circular <Button
color='' circular
onClick={() => onLarkOAuthClicked(status.lark_client_id)} color='green'
style={{ padding: 0, width: 36, height: 36 }} icon='wechat'
> onClick={onWeChatLoginClicked}
<img src={larkIcon} width={36} height={36} /> />
</Button> ) : (
) : ( <></>
<></> )}
)} {status.lark_client_id ? (
{status.wechat_login ? ( <div style={{
<Button background: "radial-gradient(circle, #FFFFFF, #FFFFFF, #00D6B9, #2F73FF, #0a3A9C)",
circular width: "36px",
color='green' height: "36px",
icon='wechat' borderRadius: "10em",
onClick={onWeChatLoginClicked} display: "flex",
/> cursor: "pointer"
) : ( }}>
<></> <Image
)} src={larkIcon}
avatar
style={{ width: "16px", height: "16px", cursor: "pointer", margin: "auto" }}
onClick={() => onLarkOAuthClicked(status.lark_client_id)}
/>
</div>
) : (
<></>
)}
</div>
</> </>
) : ( ) : (
<></> <></>