tyler.durden/cockpit-navigator
1
0
Fork 0
mirror of https://github.com/45Drives/cockpit-navigator.git synced 2025-07-30 00:55:30 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix tree view indent

Browse Source
This commit is contained in:
joshuaboud 2022-06-20 17:52:11 -03:00
parent 5e5e4ea64b
commit a6c7392d99
No known key found for this signature in database
GPG Key ID: 17EFB59E2A8BF50E
1 changed files with 1 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
navigator/src/components/DirectoryEntry.vue
View File

@ -21,7 +21,7 @@ If not, see <https://www.gnu.org/licenses/>.
:class="{ 'select-none dir-entry': true, '!bg-red-600/10': hover && !entry.selected, '!bg-red-600/20': hover && entry.selected, 'dir-entry-selected': entry.selected, 'suppress-border-t': suppressBorderT, 'suppress-border-b': suppressBorderB }"> :class="{ 'select-none dir-entry': true, '!bg-red-600/10': hover && !entry.selected, '!bg-red-600/20': hover && entry.selected, 'dir-entry-selected': entry.selected, 'suppress-border-t': suppressBorderT, 'suppress-border-b': suppressBorderB }">
<td class="!pl-1 relative"> <td class="!pl-1 relative">
<div :class="[entry.cut ? 'line-through' : '', 'flex items-center gap-1']"> <div :class="[entry.cut ? 'line-through' : '', 'flex items-center gap-1']">
<div class="indent-gap" /> <div :style="{ width: `${24 * level}px` }" />
<div <div
class="relative w-6" class="relative w-6"
:class="[entry.cut ? 'text-gray-500/50' : 'icon-default']" :class="[entry.cut ? 'text-gray-500/50' : 'icon-default']"
@ -289,9 +289,3 @@ export default {
] ]
} }
</script> </script>
<style>
.indent-gap {
width: v-bind("`${24 * level}px`");
}
</style>