Skip to content

fix: 主页窄屏修复 #186

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
chenyme merged 2 commits into from
Feb 16, 2026
Merged

fix: 主页窄屏修复 #186

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
5114627
fix: prevent home infobox overflow
6512345 Feb 14, 2026
5fc6001
fix: incorrect spacing on desktop
6512345 Feb 14, 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
11 changes: 6 additions & 5 deletions frontend/components/common/home/data-panel.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -180,10 +180,11 @@ export function DataPanel() {
</div>

{/* 统计数据区域 - 移动端在下方并排展示，桌面端在右侧垂直展示 */}
<div className="md:col-span-1 flex flex-row md:flex-col order-2 md:order-none gap-8 md:gap-0">
<div className="flex-1 md:border-b md:pb-4 border-r md:border-r-0 border-border pr-8 md:pr-0">
<div className="md:col-span-1 flex flex-row flex-wrap md:flex-col order-2 md:order-none gap-8 md:gap-0">
<div className="flex-1 min-w-[120px] md:border-b md:pb-4 border-r md:border-r-0 border-border pr-8 md:pr-0">
<div className="text-sm text-muted-foreground font-medium flex items-center gap-1 whitespace-nowrap">
可用 LINUX DO Credits
<span className="min-[400px]:hidden">可用LDC</span>
<span className="hidden min-[400px]:inline">可用 LINUX DO Credits</span>
<Popover>
<PopoverTrigger asChild>
<button type="button" aria-label="查看详情">
Expand All @@ -200,8 +201,8 @@ export function DataPanel() {
</div>
</div>

<div className="flex-1 md:pt-4 pl-0 md:pl-0">
<div className="text-sm text-muted-foreground font-medium flex items-center gap-1 whitespace-nowrap">
<div className="flex-1 min-w-[120px] md:pt-4 pl-0 md:pl-0">
<div className="text-sm text-muted-foreground font-medium flex items-center gap-1">
今日剩余额度
<Popover>
<PopoverTrigger asChild>
Expand Down
Loading