forked from tangled.org/core
Monorepo for Tangled

better hover styles; tabluar alignment

Changed files
+29 -28
appview
pages
templates
+29 -28
appview/pages/templates/user/profile.html
··· 59 59 60 60 {{ if gt (len $items) 0 }} 61 61 <details> 62 - <summary class="list-none cursor-pointer hover:underline"> 62 + <summary class="list-none cursor-pointer hover:text-gray-500 hover:dark:text-gray-400"> 63 63 <div class="flex items-center gap-2"> 64 64 {{ i "book-plus" "w-4 h-4" }} 65 65 created {{ len $items }} {{if eq (len $items) 1 }}repository{{else}}repositories{{end}} 66 66 </div> 67 67 </summary> 68 - <div class="p-2 pr-0 text-sm flex flex-col gap-3"> 68 + <div class="p-2 pr-0 text-sm flex flex-col gap-3 mb-2"> 69 69 {{ range $items }} 70 70 <div class="flex flex-wrap items-center gap-2"> 71 71 <span class="text-gray-500 dark:text-gray-400"> ··· 78 78 <a href="/{{ index $handleMap .Repo.Did }}/{{ .Repo.Name }}" class="no-underline hover:underline"> 79 79 {{- .Repo.Name -}} 80 80 </a> 81 - <time class="text-gray-700 dark:text-gray-400 text-xs ml-2">{{ .Repo.Created | shortTimeFmt }}</time> 82 81 </div> 83 82 {{ end }} 84 83 </div> ··· 94 93 95 94 {{ if gt (len $items) 0 }} 96 95 <details> 97 - <summary class="list-none cursor-pointer hover:underline"> 96 + <summary class="list-none cursor-pointer hover:text-gray-500 hover:dark:text-gray-400"> 98 97 <div class="flex items-center gap-2"> 99 98 {{ i "circle-dot" "w-4 h-4" }} 100 99 ··· 116 115 117 116 </div> 118 117 </summary> 119 - <div class="p-2 pr-0 text-sm flex flex-col gap-3"> 118 + <div class="p-2 pr-0 text-sm flex flex-col gap-3 mb-2"> 120 119 {{ range $items }} 121 120 {{ $repoOwner := index $handleMap .Metadata.Repo.Did }} 122 121 {{ $repoName := .Metadata.Repo.Name }} 123 122 {{ $repoUrl := printf "%s/%s" $repoOwner $repoName }} 124 123 125 - <div class="flex flex-wrap items-center gap-2 text-gray-600 dark:text-gray-300"> 124 + <div class="flex gap-2 text-gray-600 dark:text-gray-300"> 126 125 {{ if .Open }} 127 126 <span class="text-green-600 dark:text-green-500"> 128 127 {{ i "circle-dot" "w-4 h-4" }} ··· 132 131 {{ i "ban" "w-4 h-4" }} 133 132 </span> 134 133 {{ end }} 135 - <a href="/{{$repoUrl}}/issues/{{ .IssueId }}" class="no-underline hover:underline"> 136 - <span class="text-gray-500 dark:text-gray-400">#{{ .IssueId }}</span> 137 - {{ .Title -}} 138 - </a> 139 - on 140 - <a href="/{{$repoUrl}}" class="no-underline hover:underline"> 141 - {{$repoUrl}} 142 - </a> 143 - <time class="text-gray-700 dark:text-gray-400 text-xs ml-2">{{ .Created | shortTimeFmt }}</time> 144 - </p> 134 + <div class="break-words max-w-full"> 135 + <a href="/{{$repoUrl}}/issues/{{ .IssueId }}" class="no-underline hover:underline"> 136 + <span class="text-gray-500 dark:text-gray-400">#{{ .IssueId }}</span> 137 + {{ .Title -}} 138 + </a> 139 + on 140 + <a href="/{{$repoUrl}}" class="no-underline hover:underline"> 141 + {{$repoUrl}} 142 + </a> 143 + </div> 144 + </div> 145 145 {{ end }} 146 146 </div> 147 147 </details> ··· 155 155 {{ $handleMap := index . 1 }} 156 156 {{ if gt (len $items) 0 }} 157 157 <details> 158 - <summary class="list-none cursor-pointer hover:underline"> 158 + <summary class="list-none cursor-pointer hover:text-gray-500 hover:dark:text-gray-400"> 159 159 <div class="flex items-center gap-2"> 160 160 {{ i "git-pull-request" "w-4 h-4" }} 161 161 ··· 184 184 185 185 </div> 186 186 </summary> 187 - <div class="p-2 pr-0 text-sm flex flex-col gap-3"> 187 + <div class="p-2 pr-0 text-sm flex flex-col gap-3 mb-2"> 188 188 {{ range $items }} 189 189 {{ $repoOwner := index $handleMap .Repo.Did }} 190 190 {{ $repoName := .Repo.Name }} 191 191 {{ $repoUrl := printf "%s/%s" $repoOwner $repoName }} 192 192 193 - <div class="flex flex-wrap items-center gap-2 text-gray-600 dark:text-gray-300"> 193 + <div class="flex gap-2 text-gray-600 dark:text-gray-300"> 194 194 {{ if .State.IsOpen }} 195 195 <span class="text-green-600 dark:text-green-500"> 196 196 {{ i "git-pull-request" "w-4 h-4" }} ··· 204 204 {{ i "git-pull-request-closed" "w-4 h-4" }} 205 205 </span> 206 206 {{ end }} 207 - <a href="/{{$repoUrl}}/pulls/{{ .PullId }}" class="no-underline hover:underline"> 208 - <span class="text-gray-500 dark:text-gray-400">#{{ .PullId }}</span> 209 - {{ .Title -}} 210 - </a> 211 - on 212 - <a href="/{{$repoUrl}}" class="no-underline hover:underline"> 213 - {{$repoUrl}} 214 - </a> 215 - <time class="text-gray-700 dark:text-gray-400 text-xs ml-2">{{ .Created | shortTimeFmt }}</time> 207 + <div class="break-words max-w-full"> 208 + <a href="/{{$repoUrl}}/pulls/{{ .PullId }}" class="no-underline hover:underline"> 209 + <span class="text-gray-500 dark:text-gray-400">#{{ .PullId }}</span> 210 + {{ .Title -}} 211 + </a> 212 + on 213 + <a href="/{{$repoUrl}}" class="no-underline hover:underline"> 214 + {{$repoUrl}} 215 + </a> 216 + </div> 216 217 </div> 217 218 {{ end }} 218 219 </div>