highperfocused/grimoire
1
0
Fork 0
mirror of https://github.com/purrgrammer/grimoire.git synced 2026-04-10 23:47:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

Truncate long filenames in Blossom upload dialog via CSS

Browse Source 
Uses CSS truncation (w-full, overflow-hidden, truncate) to display
long filenames with ellipsis in the upload dialog UI.
This commit is contained in:
Claude
2026-01-16 17:42:20 +00:00
parent d172d67584
commit 23469c20f0
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/BlossomUploadDialog.tsx
View File

@@ -343,7 +343,7 @@ export function BlossomUploadDialog({
disabled={uploading}
/>
{selectedFile ? (
<div className="flex flex-col items-center gap-2">
<div className="flex flex-col items-center gap-2 w-full overflow-hidden">
{previewUrl ? (
<img
src={previewUrl}
@@ -356,7 +356,7 @@ export function BlossomUploadDialog({
"size-12 text-muted-foreground",
)
)}
<p className="font-medium text-sm truncate max-w-full">
<p className="font-medium text-sm truncate w-full text-center">
{selectedFile.name}
</p>
<p className="text-xs text-muted-foreground">