Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

[Bug]: Usage Day breakdown columns overlap in narrow windows

クローズ 初心者向け
#14,317 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

@0pilatos0 がすでに取り組んでいます。

2026年9月29日 から。

  • #14318 @0pilatos0 による — オープン

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
75/100
issue の種類
バグ
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
typescript
領域
frontend

調査の方向性

apps/web から始め、Usage ページの Day breakdown テーブルを見つけ、Cost と 30 days を選択した 390px 幅の viewport で重なりを再現します。テーブルのレスポンシブレイアウトを調査し、必要に応じて横スクロールを利用でき、ヘッダーと値が読みやすいままであることを確認します。

索引モデルが issue の本文から書いたものです。

説明

Before submitting
  • I searched existing issues and did not find a duplicate.
  • I included enough detail to reproduce the problem.
Area

apps/web

Steps to reproduce
  1. Have usage activity from Codex, Claude Code, and OpenCode within the selected period.
  2. Open Usage, select Cost and 30 days, then choose Day under Breakdown.
  3. Resize the web viewport to 390px wide and scroll to the breakdown table.
Expected behavior

Column headers and values remain readable. A narrow viewport can scroll the table horizontally if needed.

Actual behavior

Provider headers and adjacent dollar amounts overlap. The fixed table reserves 40% for the date and divides the remaining 60% among the provider, total, and token columns.

Usage Day breakdown at 390px: headers and values overlap

Impact

Minor bug: daily usage amounts are hard to read in narrow windows.

Version or commit

main @ d15210cd3d

Environment

macOS, T3 Browser panel, web client at a 390 × 700 CSS-pixel viewport. Reproduced with real usage data copied into isolated development state.

Workaround

Widen the viewport. The same table is readable at 640px.

主要言語
TypeScript
スター
24.8k
フォーク
6.4k
平均マージ
3時間 39分
マージ済み PR(30日)
301

環境構築

Codespaces で開く

このプロジェクトの開発コンテナを、あなたの GitHub アカウントでブラウザ上に起動します。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

pingdotgg/t3code のほかの issue

pingdotgg/t3code の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。