Ethica/Termix
1
0 Fork 0
mirror of https://github.com/Termix-SSH/Termix.git synced 2026-10-31 07:35:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(file-manager): preserve font sizes in compact mode (#1480)

Browse Source 
* fix(file-manager): preserve font sizes in compact mode

* test(css): exercise the configured PostCSS plugin chain
This commit is contained in:
ZacharyZcR authored and GitHub committed 2026-09-27 00:10:41 -05:00
1 parent 322f811f2c
commit 44f751a5e5
1 file changed
+9 -16
Download Patch File Download Diff File Expand all files Collapse all files
plugins/file-manager/src/frontend/FileManagerGrid.tsx
+9 -16
View File
@@ -1103,8 +1103,8 @@ export function FileManagerGrid({
title={t("fileManager.goToParentFolder")} title={t("fileManager.goToParentFolder")}
style={{ gridTemplateColumns: listColumns.gridTemplateColumns }} style={{ gridTemplateColumns: listColumns.gridTemplateColumns }}
className={cn( className={cn(
"grid gap-2 items-center cursor-pointer border-b border-border hover:bg-muted/50 rounded-none select-none transition-colors", "grid gap-2 items-center cursor-pointer border-b border-border hover:bg-muted/50 rounded-none select-none transition-colors text-xs",
compact ? "px-2 py-1 text-[11px]" : "px-4 py-2 text-xs", compact ? "px-2 py-1" : "px-4 py-2",
isParentTarget && isParentTarget &&
"bg-accent-brand/20 border-accent-brand border-dashed", "bg-accent-brand/20 border-accent-brand border-dashed",
)} )}
@@ -1127,10 +1127,8 @@ export function FileManagerGrid({
data-parent-entry data-parent-entry
title={t("fileManager.goToParentFolder")} title={t("fileManager.goToParentFolder")}
className={cn( className={cn(
"flex items-center gap-2 rounded-none border border-transparent transition-colors cursor-pointer hover:bg-muted/50 select-none", "flex items-center gap-2 rounded-none border border-transparent transition-colors cursor-pointer hover:bg-muted/50 select-none text-xs",
compact compact ? "-mx-2 -mt-2 px-2 py-1" : "-mx-4 -mt-4 px-4 py-1.5",
? "-mx-2 -mt-2 px-2 py-1 text-[11px]"
: "-mx-4 -mt-4 px-4 py-1.5 text-xs",
isParentTarget && isParentTarget &&
"bg-accent-brand/20 border-accent-brand border-dashed", "bg-accent-brand/20 border-accent-brand border-dashed",
)} )}
@@ -1277,10 +1275,7 @@ export function FileManagerGrid({
/> />
) : ( ) : (
<p <p
className={cn( className="font-bold tracking-tight text-center truncate w-full px-1 text-[11px]"
"font-bold tracking-tight text-center truncate w-full px-1",
compact ? "text-[10px]" : "text-[11px]",
)}
title={file.name} title={file.name}
> >
{file.name} {file.name}
@@ -1439,10 +1434,8 @@ export function FileManagerGrid({
: listColumns.gridTemplateColumns, : listColumns.gridTemplateColumns,
}} }}
className={cn( className={cn(
"grid gap-2 items-center cursor-pointer border-b border-border hover:bg-muted/50 rounded-none select-none transition-colors", "grid gap-2 items-center cursor-pointer border-b border-border hover:bg-muted/50 rounded-none select-none transition-colors text-xs",
compact compact ? "px-2 py-1" : "px-4 py-2",
? "px-2 py-1 text-[11px]"
: "px-4 py-2 text-xs",
isSelected && isSelected &&
"bg-accent-brand/10 hover:bg-accent-brand/10", "bg-accent-brand/10 hover:bg-accent-brand/10",
dragState.target?.path === file.path && dragState.target?.path === file.path &&
@@ -1481,8 +1474,8 @@ export function FileManagerGrid({
onKeyDown={handleEditKeyDown} onKeyDown={handleEditKeyDown}
onBlur={handleEditConfirm} onBlur={handleEditConfirm}
className={cn( className={cn(
"flex-1 min-w-0 border border-accent-brand/60 bg-card px-2 py-0 rounded-none outline-none focus:ring-1 focus:ring-accent-brand/50 pointer-events-auto", "flex-1 min-w-0 border border-accent-brand/60 bg-card px-2 py-0 text-xs rounded-none outline-none focus:ring-1 focus:ring-accent-brand/50 pointer-events-auto",
compact ? "h-5 text-[11px]" : "h-6 text-xs", compact ? "h-5" : "h-6",
)} )}
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
onMouseDown={(e) => e.stopPropagation()} onMouseDown={(e) => e.stopPropagation()}