uniscratch / gitscratch-frontend Goto Github PK

建议修改Banner尺寸或页面内容尺寸

描述Bug
清晰简洁地描述此Bug

链接
您在哪个页面发现了此Bug
https://git.sc.cn/projects/1

复现步骤
触发此Bug的步骤:
(示例)

1. 前往 '...'
2. 点击 '....'
3. 滚动到 '....'
4. 发现错误

预期的行为
清晰简洁地描述你预期它发生的行为

截图
如果可能, 请在此添加错误截图

控制台截图
如果您的浏览器支持, 请打开浏览器开发者工具并选择Console或控制台选项卡
在此粘贴所有内容, 或添加屏幕截图

桌面设备 (请填写以下内容):

• 操作系统: [示例: Windows 11]
• 浏览器: [示例: Chrome 101]

移动设备 (请填写以下内容):

• 设备: [示例: iPhone 6]
• 操作系统: [示例: iOS 8.1]
• 浏览器: [示例: Safari 22]

附加内容
在此处添加有关该问题的任何其他内容

概述
由于设备屏幕大小与像素密度等因素, ProjectCard可能在不同设备上大小不相同。但卡片被鼠标Hover时显示的作品信息列表无法自适应卡片大小, 信息列表会溢出致使卡片大小不一

链接
出现错误的位置
https://git.sc.cn/
https://git.sc.cn/users/*

复现步骤
触发此Bug的步骤:
使用不同的设备屏幕大小来访问对应页面, 并将指针悬停于ProjectCard图片上方, 若没有出现问题, 继续更换设备屏幕大小直至看到信息列表溢出

预期的行为
信息列表的字体大小能与设备屏幕大小/像素密度进行自适应, 或重写为其他的CSS样式

截图
图片一
图片二

控制台截图
没有任何错误

桌面设备 (请填写以下内容):

• 操作系统: Windows 11 Professional Insider Preview Build 25145.rs_prerelease
• 浏览器: Chromium 103.0.5060.66 (Stable) (x64)