style: 设置icon样式

This commit is contained in:
liuweiqing 2024-02-11 11:34:57 +08:00
parent b9cf0c9cb2
commit e787841193
3 changed files with 7 additions and 1 deletions

View File

@ -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

View File

@ -147,3 +147,8 @@
height: 200px; /* 聚焦时的高度 */
border-color: #007bff; /* 改变边框颜色以提供视觉反馈 */
}
.icon-hover:hover {
transform: scale(1.2); /* 放大到原大小的1.2倍 */
transition: transform 0.3s ease; /* 平滑过渡效果 */
}

View File

@ -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>
);
};