Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

[FEATURE] Improve Codebox

未关闭
#303 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
2/5
预计耗时
1-3 小时
新手友好度
50/100
Issue 类型
功能
描述清晰度
基本清楚
活跃度
停滞
技术栈
nextjs, typescript

调研方向

找到 Codebox 的实现,并将“Try this code”按钮与现有 Fullscreen/Expand 按钮的样式进行比较。添加匹配的 margin,使按钮不再紧贴代码框边缘,然后在网站上直观验证更新后的布局。

由索引模型根据 Issue 内容生成。

描述

enhancement
Summary

Add some margin to the "Try this code" button that currently borders the edge of the code box, making it look a bit out of place.

Motivation

Improves the design language of the website.

Detailed Description

Adding the same amount of margin as the Fullscreen/Expand button.

Screenshots/Mockups (if applicable)

Current button:
Screenshot 2024-10-28 at 21 38 07

With padding:
Screenshot 2024-10-28 at 21 43 49

Additional Context

No response

Existing Issues
  • I have checked existing issues (open and closed) for duplicates
Alternatives Considered

No response

主要语言
TypeScript
星标
1.1k
派生
222
PR 合并指标
30 天内没有已合并 PR

环境准备

  • 没有 Dockerfile 或 Docker Compose 文件
  • 有 Pull Request 模板
  • 没有贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

TheAlgorithms/website 的其他 Issue

查看 TheAlgorithms/website 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。