fix(registratura): NAS attachment card overflow in detail sheet
Add overflow-hidden to card container, min-w-0 to flex row, and truncate to path text div so long NAS paths don't push badges and copy icon outside the visible area.
This commit is contained in:
@@ -398,13 +398,13 @@ export function RegistryEntryDetail({
|
||||
att.networkPath ? (
|
||||
<div
|
||||
key={att.id}
|
||||
className="rounded-md border border-blue-200 dark:border-blue-800 bg-blue-50/50 dark:bg-blue-950/20 px-3 py-2 group cursor-pointer hover:bg-blue-100/50 dark:hover:bg-blue-900/30 transition-colors"
|
||||
className="rounded-md border border-blue-200 dark:border-blue-800 bg-blue-50/50 dark:bg-blue-950/20 px-3 py-2 group cursor-pointer hover:bg-blue-100/50 dark:hover:bg-blue-900/30 transition-colors overflow-hidden"
|
||||
onClick={() => copyPath(att.networkPath!)}
|
||||
title="Click pentru a copia calea — lipește în Explorer"
|
||||
>
|
||||
<div className="flex items-center gap-2">
|
||||
<div className="flex items-center gap-2 min-w-0">
|
||||
<HardDrive className="h-4 w-4 text-blue-600 dark:text-blue-400 shrink-0" />
|
||||
<div className="flex-1 min-w-0">
|
||||
<div className="flex-1 min-w-0 truncate">
|
||||
<span className="text-sm text-blue-700 dark:text-blue-300 font-mono">
|
||||
<FolderOpen className="mr-1 inline h-3 w-3" />
|
||||
{shortDisplayPath(att.networkPath)}
|
||||
|
||||
Reference in New Issue
Block a user