Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

用户中心侧边栏导航菜单未对齐 #69

Open
Verrickt opened this issue Oct 16, 2021 · 0 comments
Open

用户中心侧边栏导航菜单未对齐 #69

Verrickt opened this issue Oct 16, 2021 · 0 comments

Comments

@Verrickt
Copy link

如何重现：

  1. 使用浏览器打开 https://www.cc98.org/usercenter
  2. 手动缩放至300%
  3. F12打开控制台，在*下添加css规则，以显示布局边界
* {
border: solid 1px;
}

可见文字部分并未完全对齐
Screenshot 2021-10-16 132446

原因：
.center-nav-item的css为

.center-nav-item {
  margin-left: 1rem;
}

而用作导航图标的Font-Awesome自身宽度不同，从而导致文字无法对齐（其实图标也没有对齐，但并不容易看出来）
image
更多详情请参考 https://www.cc98.org/topic/5012755
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@Verrickt