···

       
3
       
3
       
 
       
    <details open>

     

       
4
       
4
       
 
       
      <summary class="cursor-pointer list-none pt-1">

     

       
5
       
5
       
 
       
        <span class="tree-directory inline-flex items-center gap-2 ">

     

       
6
       
6
       
-
       
          {{ i "folder" "size-4 fill-current" }}

     

       
7
       
7
       
-
       
          <span class="filename text-black dark:text-white">{{ .Name }}</span>

     

       
6
       
6
       
+
       
          {{ i "folder" "flex-shrink-0 size-4 fill-current" }}

     

       
7
       
7
       
+
       
          <span class="filename truncate text-black dark:text-white">{{ .Name }}</span>

     

       
8
       
8
       
 
       
        </span>

     

       
9
       
9
       
 
       
      </summary>

     

       
10
       
10
       
 
       
      <div class="ml-1 pl-2 border-l border-gray-200 dark:border-gray-700">

     
···

       
15
       
15
       
 
       
    </details>

     

       
16
       
16
       
 
       
  {{ else if .Name }}

     

       
17
       
17
       
 
       
    <div class="tree-file flex items-center gap-2 pt-1">

     

       
18
       
18
       
-
       
      {{ i "file" "size-4" }}

     

       
19
       
19
       
-
       
      <a href="#file-{{ .Path }}" class="filename text-black dark:text-white no-underline hover:underline">{{ .Name }}</a>

     

       
18
       
18
       
+
       
      {{ i "file" "flex-shrink-0 size-4" }}

     

       
19
       
19
       
+
       
      <a href="#file-{{ .Path }}" class="filename truncate text-black dark:text-white no-underline hover:underline">{{ .Name }}</a>

     

       
20
       
20
       
 
       
    </div>

     

       
21
       
21
       
 
       
  {{ else }}

     

       
22
       
22
       
 
       
    {{ range $child := .Children }}