style: 设置icon样式

14790897 · Feb 11, 2024 · e787841 · e787841
1 parent b9cf0c9
commit e787841
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/.env.production b/.env.production
@@ -5,3 +5,4 @@ NEXT_PUBLIC_OPENAI_API_KEY=sk-ffe19ebe9fa44d00884330ff1c18cf82
 NEXT_PUBLIC_PAPER_URL=/api/paper
 NEXT_PUBLIC_SEMANTIC_API_KEY=hEQvK6ARe84dzDPcMnpzX4n9jfoqztkMfaftPWnb
 NEXT_PUBLIC_PUBMED_API_KEY=057616e7ce6c722f2ae8679e38a8be9b1a09	
+VERCEL_URL=https://www.paperai.life
diff --git a/app/globals.css b/app/globals.css
@@ -147,3 +147,8 @@
   height: 200px; /* 聚焦时的高度 */
   border-color: #007bff; /* 改变边框颜色以提供视觉反馈 */
 }
+
+.icon-hover:hover {
+  transform: scale(1.2); /* 放大到原大小的1.2倍 */
+  transition: transform 0.3s ease; /* 平滑过渡效果 */
+}
diff --git a/components/SettingsLink.tsx b/components/SettingsLink.tsx
@@ -30,7 +30,7 @@ const SettingsLink = () => {
     //   </div>
     // </>
     <Link href="/settings" aria-label="Settings">
-      <FontAwesomeIcon icon={faCog} size="2x" />
+      <FontAwesomeIcon icon={faCog} size="2x" className="icon-hover" />
     </Link>
   );
 };