mirror/UNIT3D-Community-Edition
1
0
Fork 0
mirror of https://github.com/HDInnovations/UNIT3D-Community-Edition.git synced 2026-04-23 03:34:22 -05:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #5321 from Roardom/optimize-file-tree

Browse Source 
(Update) Optimize file-tree display
This commit is contained in:
Roardom
2026-03-18 04:42:47 +00:00
committed by GitHub
parent be2dc06bd5 44aaaed635
commit 18fc6c8566
2 changed files with 37 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/sass/pages/_torrent.scss
+29
View File
@@ -115,3 +115,32 @@
.torrent__times-completed-count.torrent__times-completed-count {
color: var(--torrent-row-completed-fg);
}
/* File Tree
---------------------------------------------------------------------------- */
.file-tree__wrapper {
display: grid;
grid-template-areas: 'icon2 name count . size';
grid-template-columns: 24px auto auto 1fr auto;
gap: 4px;
}
.file-tree__icon {
grid-area: icon2;
}
.file-tree__name {
word-break: break-all;
grid-area: name;
}
.file-tree__size {
grid-area: size;
white-space: nowrap;
text-align: right;
}
.file-tree__count {
grid-area: count;
}
resources/views/torrent/partials/file-tree-node.blade.php
+8 -30
View File
@@ -7,40 +7,18 @@
'list-style-type: none' => $node['type'] === 'file',
])
>
<span
style="
display: grid;
grid-template-areas: 'icon2 folder count . size';
grid-template-columns: 24px auto auto 1fr auto;
gap: 4px;
"
>
<span class="file-tree__wrapper">
@if ($node['type'] === 'file')
<i class="{{ config('other.font-awesome') }} fa-file" style="grid-area: icon2"></i>
<span style="word-break: break-all">
{{ $key }}
</span>
<span
style="grid-area: size; white-space: nowrap; text-align: right"
title="{{ $node['size'] }}&nbsp;B"
>
<i class="{{ config('other.font-awesome') }} fa-file file-tree__icon"></i>
<span class="file-tree__name">{{ $key }}</span>
<span class="file-tree__size" title="{{ $node['size'] }}&nbsp;B">
{{ App\Helpers\StringHelper::formatBytes($node['size'], 2) }}
</span>
@else
<i
class="{{ config('other.font-awesome') }} fa-folder"
style="grid-area: icon2"
></i>
<span>
{{ $key }}
</span>
<span style="grid-area: count">({{ $node['count'] }})</span>
<span
class="text-info"
style="grid-area: size; white-space: nowrap; text-align: right"
title="{{ $node['size'] }}&nbsp;B"
>
<i class="{{ config('other.font-awesome') }} fa-folder file-tree__icon"></i>
<span class="file-tree__name">{{ $key }}</span>
<span class="file-tree__count">({{ $node['count'] }})</span>
<span class="text-info file-tree__size" title="{{ $node['size'] }}&nbsp;B">
{{ App\Helpers\StringHelper::formatBytes($node['size'], 2) }}
</span>
@endif