tangled.org / core
Monorepo for Tangled tangled.org
fork atom

appview/pages: fix clone-instructions in mobile

and fix empty-repo rendering.

Signed-off-by: oppiliappan <me@oppi.li>

oppi.li 3ee002a1 801c1427

verified
3/3
build.yml
fmt.yml
test.yml
options
unified split
Changed files
+10 -13
appview
pages
templates
repo
empty.html
fragments
cloneDropdown.html
index.html
-4
appview/pages/templates/repo/empty.html
··· 44 {{ end }} 45 </main> 46 {{ end }} 47 - 48 - {{ define "repoAfter" }} 49 - {{ template "repo/fragments/cloneInstructions" . }} 50 - {{ end }}
··· 44 {{ end }} 45 </main> 46 {{ end }}
+3 -3
appview/pages/templates/repo/fragments/cloneDropdown.html
··· 7 <details id="clone-dropdown" class="relative inline-block text-left group"> 8 <summary class="btn-create cursor-pointer list-none flex items-center gap-2"> 9 {{ i "download" "w-4 h-4" }} 10 - <span>code</span> 11 <span class="group-open:hidden"> 12 {{ i "chevron-down" "w-4 h-4" }} 13 </span> ··· 16 </span> 17 </summary> 18 19 - <div class="absolute right-0 mt-2 w-96 bg-white dark:bg-gray-800 rounded border border-gray-200 dark:border-gray-700 drop-shadow dark:text-white z-[9999]"> 20 <div class="p-4"> 21 <div class="mb-3"> 22 <h3 class="text-sm font-semibold text-gray-900 dark:text-white mb-2">Clone this repository</h3> ··· 84 function copyToClipboard(button, text) { 85 navigator.clipboard.writeText(text).then(() => { 86 const originalContent = button.innerHTML; 87 - button.innerHTML = `{{ i "copy-check" "w-4 h-4" }}`; 88 setTimeout(() => { 89 button.innerHTML = originalContent; 90 }, 2000);
··· 7 <details id="clone-dropdown" class="relative inline-block text-left group"> 8 <summary class="btn-create cursor-pointer list-none flex items-center gap-2"> 9 {{ i "download" "w-4 h-4" }} 10 + <span class="hidden md:inline">code</span> 11 <span class="group-open:hidden"> 12 {{ i "chevron-down" "w-4 h-4" }} 13 </span> ··· 16 </span> 17 </summary> 18 19 + <div class="absolute right-0 mt-2 w-96 bg-white dark:bg-gray-800 rounded border border-gray-200 dark:border-gray-700 drop-shadow-sm dark:text-white z-[9999]"> 20 <div class="p-4"> 21 <div class="mb-3"> 22 <h3 class="text-sm font-semibold text-gray-900 dark:text-white mb-2">Clone this repository</h3> ··· 84 function copyToClipboard(button, text) { 85 navigator.clipboard.writeText(text).then(() => { 86 const originalContent = button.innerHTML; 87 + button.innerHTML = `{{ i "check" "w-4 h-4" }}`; 88 setTimeout(() => { 89 button.innerHTML = originalContent; 90 }, 2000);
+7 -6
appview/pages/templates/repo/index.html
··· 14 {{ end }} 15 <div class="flex items-center justify-between pb-5"> 16 {{ block "branchSelector" . }}{{ end }} 17 - <div class="flex md:hidden items-center gap-4"> 18 - <a href="/{{ .RepoInfo.FullName }}/commits/{{ .Ref | urlquery }}" class="inline-flex items-center text-sm gap-1"> 19 {{ i "git-commit-horizontal" "w-4" "h-4" }} {{ .TotalCommits }} 20 </a> 21 - <a href="/{{ .RepoInfo.FullName }}/branches" class="inline-flex items-center text-sm gap-1"> 22 {{ i "git-branch" "w-4" "h-4" }} {{ len .Branches }} 23 </a> 24 - <a href="/{{ .RepoInfo.FullName }}/tags" class="inline-flex items-center text-sm gap-1"> 25 {{ i "tags" "w-4" "h-4" }} {{ len .Tags }} 26 </a> 27 </div> 28 </div> 29 <div class="grid grid-cols-1 md:grid-cols-2 gap-2"> ··· 125 </a> 126 </div> 127 </div> 128 - 129 <!-- Clone dropdown in top right --> 130 - <div class="flex items-center"> 131 {{ template "repo/fragments/cloneDropdown" . }} 132 </div> 133 </div>
··· 14 {{ end }} 15 <div class="flex items-center justify-between pb-5"> 16 {{ block "branchSelector" . }}{{ end }} 17 + <div class="flex md:hidden items-center gap-2"> 18 + <a href="/{{ .RepoInfo.FullName }}/commits/{{ .Ref | urlquery }}" class="inline-flex items-center text-sm gap-1 font-bold"> 19 {{ i "git-commit-horizontal" "w-4" "h-4" }} {{ .TotalCommits }} 20 </a> 21 + <a href="/{{ .RepoInfo.FullName }}/branches" class="inline-flex items-center text-sm gap-1 font-bold"> 22 {{ i "git-branch" "w-4" "h-4" }} {{ len .Branches }} 23 </a> 24 + <a href="/{{ .RepoInfo.FullName }}/tags" class="inline-flex items-center text-sm gap-1 font-bold"> 25 {{ i "tags" "w-4" "h-4" }} {{ len .Tags }} 26 </a> 27 + {{ template "repo/fragments/cloneDropdown" . }} 28 </div> 29 </div> 30 <div class="grid grid-cols-1 md:grid-cols-2 gap-2"> ··· 126 </a> 127 </div> 128 </div> 129 + 130 <!-- Clone dropdown in top right --> 131 + <div class="hidden md:flex items-center "> 132 {{ template "repo/fragments/cloneDropdown" . }} 133 </div> 134 </div>