chore: updates

.npmrc

@@ -1,2 +1,2 @@
-registry=https://registry.npm.taobao.org
+registry=https://r.cnpmjs.org
 engine-strict=true

src/components/IconUnsplash.jsx

@@ -0,0 +1,25 @@
+import styled from 'styled-components';
+
+const StyledWrapper = styled.a`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 0.8rem;
+  img {
+    width: 36px;
+    height: 36px;
+  }
+`;
+const IconTwitter = () => {
+  return (
+    <StyledWrapper
+      title="一款可以下载高清壁纸大图的浏览器插件"
+      href="https://chromewebstore.google.com/detail/unsplash-wanderer/jdjjjnfdkhpdppedhjgdcecmmcmklopm?authuser=0&hl=en"
+      target="_blank"
+    >
+      <img src="https://sinqi.tools/tool/icons/unsplash.wallpaper.png" alt="Unsplash Wanderer" />
+    </StyledWrapper>
+  );
+};
+
+export default IconTwitter;

src/components/InfoModal.jsx

@@ -108,9 +108,11 @@ const Wrapper = styled.section`
         }
       }
       &.ad {
+        padding-top: 15px;
         display: flex;
-        /* gap: 8px; */
-
+        flex-direction: column;
+        flex-wrap: wrap;
+        gap: 15px;
         font-size: 0.5rem;
       }
     }
@@ -192,6 +194,12 @@ export default function InfoModal({ closeModal, bgColor }) {
               Minesweeper Online
             </a>
           </span>
+          <span>
+            高清壁纸大图：
+            <a href="//sinqi.tools/zh/unsplash" target="_blank">
+              Unsplash Wanderer
+            </a>
+          </span>
         </p>
       </div>
     </Wrapper>

src/pages/index.jsx

@@ -10,6 +10,7 @@ const IconImage = lazy(() => import('../components/IconImage'));
 const Header = lazy(() => import('../components/Header'));
 const IconScreenshot = lazy(() => import('../components/IconScreenshot'));
 const IconTwitter = lazy(() => import('../components/IconTwitter'));
+const IconUnsplash = lazy(() => import('../components/IconUnsplash'));
 const ColorSet = lazy(() => import('../components/ColorSet'));
 const ICP = lazy(() => import('../components/ICP'));
 const Preview = lazy(() => import('../components/Preview'));
@@ -93,6 +94,7 @@ const Index = () => {
           <IconImage path={`share/${currColor.id}`} />
           <IconScreenshot showPreview={showPreview} />
           <IconTwitter />
+          <IconUnsplash />
         </section>
       </Wrapper>
       {preview && (