Code Monkey home page Code Monkey logo

gitscratch-frontend's Introduction

gitscratch-frontend's People

Contributors

dependabot[bot] avatar dispure avatar hydrogest avatar timfang4162 avatar wrj2009 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Forkers

nonomal

gitscratch-frontend's Issues

[Bug] The information list of ProjectCard won't adapt to the size

概述
由于设备屏幕大小与像素密度等因素, 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)

[Bug] 标题

描述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]

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.