Skip to content

修复 My Usage 日期范围筛选多余分隔符 #813

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

Merged
ding113 merged 2 commits into from
Feb 22, 2026
Merged

修复 My Usage 日期范围筛选多余分隔符 #813

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3233cab
修复：移除日期范围筛选多余分隔符
tesgth032 Feb 21, 2026
a8af6f1
chore: format code (fix-my-usage-date-range-separator-3233cab)
github-actions[bot] Feb 21, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 0 additions & 3 deletions src/app/[locale]/dashboard/logs/_components/logs-date-range-picker.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -179,9 +179,6 @@ export function LogsDateRangePicker({
))}
</div>

{/* Separator */}
<div className="h-6 w-px bg-border mx-1" />
Copy link
Contributor

@gemini-code-assist gemini-code-assist bot Feb 21, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

直接移除分隔符虽然解决了换行时的布局问题，但也失去了在桌面端视图中的视觉分组效果。考虑到此 PR 尚未完成，建议采用响应式设计，在小屏幕上隐藏分隔符，从而两全其美。这样可以在修复布局问题的同时，保留在桌面视图下的 UI 设计。

更进一步，为了与项目 UI 组件保持一致，可以考虑使用 Separator 组件并应用相同的响应式类，例如：

<Separator orientation="vertical" className="h-6 mx-1 hidden sm:block" />

这需要从 @/components/ui/separator 导入。我提供的代码建议是直接修改 div，这是一个侵入性更小的改动。

Suggested change
<div className="h-6 w-px bg-border mx-1" />
<div className="h-6 w-px bg-border mx-1 hidden sm:block" />


{/* Navigation and date display */}
<div className="flex items-center gap-1">
<Button
Expand Down
Loading