refactor: update file size and path display to use span elements for better layout consistency

This commit is contained in:
tigeren 2025-08-25 08:52:51 +00:00
parent e248613abb
commit 6df7101f80
4 changed files with 6 additions and 6 deletions

BIN
media.db

Binary file not shown.

View File

@ -103,8 +103,8 @@ const FolderViewerPage = () => {
<CardHeader className="p-4">
<CardTitle className="text-sm font-semibold truncate">{item.name}</CardTitle>
<CardDescription className="text-xs">
<div>Size: {formatFileSize(item.size)}</div>
{!item.isDirectory && <div className="truncate">Type: {item.type || 'File'}</div>}
<span className="block">Size: {formatFileSize(item.size)}</span>
{!item.isDirectory && <span className="block truncate">Type: {item.type || 'File'}</span>}
</CardDescription>
</CardHeader>
</Card>

View File

@ -68,8 +68,8 @@ export default function PhotosPage() {
<CardHeader className="p-4">
<CardTitle className="text-sm truncate">{photo.title}</CardTitle>
<CardDescription className="text-xs">
<div>Size: {formatFileSize(photo.size)}</div>
<div className="truncate">Path: {photo.path}</div>
<span className="block">Size: {formatFileSize(photo.size)}</span>
<span className="block truncate">Path: {photo.path}</span>
</CardDescription>
</CardHeader>
</Card>

View File

@ -74,8 +74,8 @@ const VideosPage = () => {
<CardHeader className="p-4">
<CardTitle className="text-sm font-semibold truncate">{video.title}</CardTitle>
<CardDescription className="text-xs">
<div>Size: {formatFileSize(video.size)}</div>
<div className="truncate">Path: {video.path}</div>
<span className="block">Size: {formatFileSize(video.size)}</span>
<span className="block truncate">Path: {video.path}</span>
</CardDescription>
</CardHeader>
</Card>