Duguay/ai-course
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 优化课程首页AI工具logo图片尺寸

Browse Source 
- 将四种AI工具类别logo图片从100%宽度缩小到75%
- 添加居中对齐效果,提升视觉体验

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
KQL
2025-11-05 15:19:05 +08:00
parent 7fe8f60fa4
commit 8dd0e88514
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/HomePage.tsx
View File

@@ -885,7 +885,7 @@ const HomePage: React.FC = () => {
<img
src={`${process.env.PUBLIC_URL}/images/五、大专生学会用AI的最大问题/五、大专生学会用AI的最大问题_写作问答类AI工具logo.jpg`}
alt="写作问答类AI工具"
className="w-full h-auto object-contain hover:scale-105 transition-transform duration-500 cursor-pointer"
className="w-3/4 h-auto object-contain hover:scale-105 transition-transform duration-500 cursor-pointer mx-auto"
onClick={() => setViewingImage(`${process.env.PUBLIC_URL}/images/五、大专生学会用AI的最大问题/五、大专生学会用AI的最大问题_写作问答类AI工具logo.jpg`)}
/>
</div>
@@ -899,7 +899,7 @@ const HomePage: React.FC = () => {
<img
src={`${process.env.PUBLIC_URL}/images/五、大专生学会用AI的最大问题/五、大专生学会用AI的最大问题_图像创作类AI工具logo.jpg`}
alt="图像创作类AI工具"
className="w-full h-auto object-contain hover:scale-105 transition-transform duration-500 cursor-pointer"
className="w-3/4 h-auto object-contain hover:scale-105 transition-transform duration-500 cursor-pointer mx-auto"
onClick={() => setViewingImage(`${process.env.PUBLIC_URL}/images/五、大专生学会用AI的最大问题/五、大专生学会用AI的最大问题_图像创作类AI工具logo.jpg`)}
/>
</div>
@@ -913,7 +913,7 @@ const HomePage: React.FC = () => {
<img
src={`${process.env.PUBLIC_URL}/images/五、大专生学会用AI的最大问题/五、大专生学会用AI的最大问题_视频生成类AI工具logo.jpg`}
alt="视频生成类AI工具"
className="w-full h-auto object-contain hover:scale-105 transition-transform duration-500 cursor-pointer"
className="w-3/4 h-auto object-contain hover:scale-105 transition-transform duration-500 cursor-pointer mx-auto"
onClick={() => setViewingImage(`${process.env.PUBLIC_URL}/images/五、大专生学会用AI的最大问题/五、大专生学会用AI的最大问题_视频生成类AI工具logo.jpg`)}
/>
</div>
@@ -927,7 +927,7 @@ const HomePage: React.FC = () => {
<img
src={`${process.env.PUBLIC_URL}/images/五、大专生学会用AI的最大问题/五、大专生学会用AI的最大问题_编程开发类AI工具logo.jpg`}
alt="编程开发类AI工具"
className="w-full h-auto object-contain hover:scale-105 transition-transform duration-500 cursor-pointer"
className="w-3/4 h-auto object-contain hover:scale-105 transition-transform duration-500 cursor-pointer mx-auto"
onClick={() => setViewingImage(`${process.env.PUBLIC_URL}/images/五、大专生学会用AI的最大问题/五、大专生学会用AI的最大问题_编程开发类AI工具logo.jpg`)}
/>
</div>