refactor: update file size and path display to use span elements for better layout consistency
This commit is contained in:
parent
e248613abb
commit
6df7101f80
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue