Skip to content

Commit a00d4fd

Browse files
committed
fix: hide stats columns on mobile to prevent horizontal overflow
Stats row (size, files, seeders, leechers, date) uses fixed widths that overflow on small screens. Hidden below sm breakpoint on both /dht and /search pages. Name + source badge still visible on mobile.
1 parent f13d357 commit a00d4fd

2 files changed

Lines changed: 3 additions & 3 deletions

File tree

src/app/dht/page.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -174,7 +174,7 @@ const DhtResultsList = memo(function DhtResultsList({
174174
</div>
175175

176176
{/* Stats */}
177-
<div className="flex items-center gap-4 text-xs text-text-muted shrink-0">
177+
<div className="hidden sm:flex items-center gap-4 text-xs text-text-muted shrink-0">
178178
<span className="w-16 text-right">{formatBytes(result.size)}</span>
179179
{result.files_count > 0 && (
180180
<span className="w-12 text-right">{result.files_count} files</span>

src/app/search/page.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -221,8 +221,8 @@ const SearchResultsList = memo(function SearchResultsList({
221221
</span> : null}
222222
</div>
223223

224-
{/* Stats - compact */}
225-
<div className="flex items-center gap-4 text-xs text-text-muted shrink-0">
224+
{/* Stats - compact, hidden on very small screens */}
225+
<div className="hidden sm:flex items-center gap-4 text-xs text-text-muted shrink-0">
226226
<span className="w-16 text-right">{formatBytes(result.torrent_total_size)}</span>
227227
<span className="w-12 text-right">{result.torrent_file_count} files</span>
228228
{result.torrent_seeders !== null && (

0 commit comments

Comments
 (0)