vrr/unsloth
2
0
Fork 0
mirror of https://github.com/unslothai/unsloth.git synced 2026-07-10 00:08:58 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 29

Fix on-device locations dialog layout (#6743)

Browse source 
* Fix on-device location path overflow

* Remove redundant native path tooltip
This commit is contained in:
Lee Jackson 2026-06-29 14:50:55 +01:00 • committed by GitHub
parent 755da2f155
commit 07578eab60
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 15 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

20
studio/frontend/src/features/hub/catalog/on-device-folders-dialog.tsx
View file

@ -180,7 +180,7 @@ export function OnDeviceFoldersDialog({
<>
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent
className="max-w-[600px] gap-0 overflow-hidden p-0"
className="gap-0 overflow-hidden p-0 sm:max-w-[620px] lg:max-w-[660px] xl:max-w-[680px] [&_[data-slot=dialog-close]]:right-3 [&_[data-slot=dialog-close]]:top-3"
overlayClassName="bg-black/20 backdrop-blur-none"
>
<DialogHeader className="border-b border-border/60 px-5 py-4">
@ -319,7 +319,12 @@ export function OnDeviceFoldersDialog({
return (
<div
key={folder.id}
className="flex min-h-12 items-center gap-3 border-b border-border/50 px-3 py-2 last:border-b-0"
className={cn(
"grid min-h-12 w-full items-center gap-3 border-b border-border/50 px-3 py-2 last:border-b-0",
isTauri
? "grid-cols-[2rem_minmax(0,1fr)_2rem_2rem]"
: "grid-cols-[2rem_minmax(0,1fr)_2rem]",
)}
>
<div className="flex size-8 shrink-0 items-center justify-center rounded-[9px] bg-muted text-muted-foreground">
<HugeiconsIcon
@ -328,13 +333,18 @@ export function OnDeviceFoldersDialog({
className="size-4"
/>
</div>
<div className="min-w-0 flex-1">
<p className="truncate text-[12.5px] font-medium text-foreground">
<div className="min-w-0 overflow-hidden">
<p
className="block w-full truncate text-[12.5px] font-medium text-foreground"
title={pathTail(folder.path)}
>
{pathTail(folder.path)}
</p>
<Tooltip>
<TooltipTrigger asChild={true}>
<p className="truncate font-mono text-[10.5px] text-muted-foreground">
<p
className="block w-full truncate font-mono text-[10.5px] text-muted-foreground"
>
{folder.path}
</p>
</TooltipTrigger>