docs: fix demo card icons color (#39191)

.dumi/theme/builtins/Previewer/index.jsx

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

.dumi/theme/common/GlobalStyles.tsx

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

package.json

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