docs: fix demo card icons color (#39191)

This commit is contained in:
afc163 2022-12-02 16:32:16 +08:00 committed by GitHub
parent eb77c5a7e6
commit 4e460cde42
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 25 deletions

View File

@ -407,25 +407,24 @@ createRoot(document.getElementById('container')).render(<Demo />);
<CodeSandboxIcon className="code-box-codesandbox" /> <CodeSandboxIcon className="code-box-codesandbox" />
</Tooltip> </Tooltip>
</form> </form>
<form {sourceCode && (
className="code-box-code-action" <form
action="https://codepen.io/pen/define" className="code-box-code-action"
method="POST" action="https://codepen.io/pen/define"
target="_blank" method="POST"
ref={this.codepenIconRef} target="_blank"
onClick={() => { ref={this.codepenIconRef}
this.track({ type: 'codepen', demo: meta.id }); onClick={() => {
this.codepenIconRef.current.submit(); this.track({ type: 'codepen', demo: meta.id });
}} this.codepenIconRef.current.submit();
style={{ }}
display: sourceCode ? '' : 'none', >
}} <input type="hidden" name="data" value={JSON.stringify(codepenPrefillConfig)} />
> <Tooltip title={<FormattedMessage id="app.demo.codepen" />}>
<input type="hidden" name="data" value={JSON.stringify(codepenPrefillConfig)} /> <CodePenIcon className="code-box-codepen" />
<Tooltip title={<FormattedMessage id="app.demo.codepen" />}> </Tooltip>
<CodePenIcon className="code-box-codepen" /> </form>
</Tooltip> )}
</form>
<Tooltip title={<FormattedMessage id="app.demo.stackblitz" />}> <Tooltip title={<FormattedMessage id="app.demo.stackblitz" />}>
<span <span
className="code-box-code-action" className="code-box-code-action"

View File

@ -1083,7 +1083,7 @@ const GlobalStyles = () => {
} }
} }
&-actions > &-code-action { &-actions &-code-action {
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
@ -1112,10 +1112,6 @@ const GlobalStyles = () => {
cursor: pointer; cursor: pointer;
transition: transform 0.24s; transition: transform 0.24s;
&:hover {
transform: scale(1.1);
}
&${iconCls}-check { &${iconCls}-check {
color: ${token['green-6']} !important; color: ${token['green-6']} !important;
font-weight: bold; font-weight: bold;

View File

@ -329,7 +329,7 @@
"mode": "npm" "mode": "npm"
}, },
"lint-staged": { "lint-staged": {
"*.{ts,tsx,js}": "rome format --write", "*.{ts,tsx,js,jsx}": "rome format --write",
"*.{json,less,md}": "prettier --ignore-unknown --write" "*.{json,less,md}": "prettier --ignore-unknown --write"
} }
} }