forked from tangled.org/core
Monorepo for Tangled — https://tangled.org

appview: bump directory/file icon sizes to size-4

also add classes here and there for leah

Changed files
+10 -10
appview
pages
templates
+6 -6
appview/pages/templates/repo/fragments/filetree.html
···
{{ if and .Name .IsDirectory }}
<details open>
<summary class="cursor-pointer list-none pt-1">
-
<span class="inline-flex items-center gap-2 ">
-
{{ i "folder" "w-3 h-3 fill-current" }}
-
<span class="text-black dark:text-white">{{ .Name }}</span>
+
<span class="tree-directory inline-flex items-center gap-2 ">
+
{{ i "folder" "size-4 fill-current" }}
+
<span class="filename text-black dark:text-white">{{ .Name }}</span>
</span>
</summary>
<div class="ml-1 pl-4 border-l border-gray-200 dark:border-gray-700">
···
</div>
</details>
{{ else if .Name }}
-
<div class="flex items-center gap-2 pt-1">
-
{{ i "file" "w-3 h-3" }}
-
<a href="#file-{{ .Path }}" class="text-black dark:text-white no-underline hover:underline">{{ .Name }}</a>
+
<div class="tree-file flex items-center gap-2 pt-1">
+
{{ i "file" "size-4" }}
+
<a href="#file-{{ .Path }}" class="filename text-black dark:text-white no-underline hover:underline">{{ .Name }}</a>
</div>
{{ else }}
{{ range $child := .Children }}
+2 -2
appview/pages/templates/repo/index.html
···
class="{{ $linkstyle }}"
>
<div class="flex items-center gap-2">
-
{{ i "folder" "w-3 h-3 fill-current" }}
+
{{ i "folder" "size-4 fill-current" }}
{{ .Name }}
</div>
</a>
···
class="{{ $linkstyle }}"
>
<div class="flex items-center gap-2">
-
{{ i "file" "w-3 h-3" }}{{ .Name }}
+
{{ i "file" "size-4" }}{{ .Name }}
</div>
</a>
+2 -2
appview/pages/templates/repo/tree.html
···
<div class="flex justify-between items-center">
<a href="/{{ $.BaseTreeLink }}/{{ .Name }}" class="{{ $linkstyle }}">
<div class="flex items-center gap-2">
-
{{ i "folder" "w-3 h-3 fill-current" }}{{ .Name }}
+
{{ i "folder" "size-4 fill-current" }}{{ .Name }}
</div>
</a>
<time class="text-xs text-gray-500 dark:text-gray-400">{{ timeFmt .LastCommit.When }}</time>
···
<div class="flex justify-between items-center">
<a href="/{{ $.BaseBlobLink }}/{{ .Name }}" class="{{ $linkstyle }}">
<div class="flex items-center gap-2">
-
{{ i "file" "w-3 h-3" }}{{ .Name }}
+
{{ i "file" "size-4" }}{{ .Name }}
</div>
</a>
<time class="text-xs text-gray-500 dark:text-gray-400">{{ timeFmt .LastCommit.When }}</time>