more finesse
Anirudh Oppiliappan 6 days ago 5 files (+103, -52)
@@ -8,7 +8,7 @@ href="/{{ .RepoInfo.OwnerWithAt }}"class="no-underline hover:underline">{{ .RepoInfo.OwnerWithAt }}</a>- /+ <span class="select-none">/</span><ahref="/{{ .RepoInfo.FullName }}"class="no-underline hover:underline"@@ -33,11 +33,11 @@ {{ $key := index $item 0 }}{{ $value := index $item 1 }}<ahref="/{{ $.RepoInfo.FullName }}{{ $value }}"- class="relative -mr-px group no-underline"+ class="relative -mr-px group no-underline hover:no-underline"hx-boost="true"><div- class="px-4 py-2 mr-1 text-black min-w-[80px] text-center relative group-hover:bg-gray-200 rounded-t+ class="px-4 py-2 mr-1 text-black min-w-[80px] text-center relative group-hover:bg-gray-200 rounded-t{{ if eq $.Active $key }}{{ $activeTabStyles }}{{ end }}"
@@ -1,35 +1,53 @@{{ define "layouts/topbar" }}- {{ $linkstyle := "text-black hover:text-gray-600 no-underline" }}- <nav class="space-x-4 mb-4 px-6 py-2 rounded bg-white">- <div class="container flex justify-between p-0">- <div id="left-items">- <a href="/" hx-boost="true" class="{{ $linkstyle }} flex gap-2">- <i class="w-6 h-6" data-lucide="tangent"></i>- tangled.sh- </a>- </div>- <div id="right-items" class="flex gap-2">- {{ with .LoggedInUser }}- <a href="/repo/new" hx-boost="true" class="{{ $linkstyle }}">- <i class="w-6 h-6" data-lucide="plus"></i>- </a>- <details class="relative inline-block text-left">- <summary class="{{ $linkstyle }} cursor-pointer list-none">- {{ didOrHandle .Did .Handle }}- </summary>- <div class="absolute flex flex-col right-0 mt-4 p-4 rounded w-48 bg-white border border-gray-200 z-50">- <a href="/{{ didOrHandle .Did .Handle }}"class="{{ $linkstyle }}">profile</a>- <a href="/knots"class="{{ $linkstyle }}">knots</a>- <a href="/settings"class="{{ $linkstyle }}">settings</a>- <a href="/logout" class="text-red-400 hover:text-red-700 no-underline">logout</a>- </div>- </details>- {{ else }}- <a href="/login" class="{{ $linkstyle }}">- login- </a>- {{ end }}- </div>- </div>- </nav>+ {{ $linkstyle := "text-black hover:text-gray-600 no-underline" }}+ <nav+ class="space-x-4 mb-4 px-6 py-2 rounded bg-white shadow-[0_4px_10px_-1px_rgba(0,0,0,0.1)]"+ >+ <div class="container flex justify-between p-0">+ <div id="left-items">+ <a href="/" hx-boost="true" class="{{ $linkstyle }} flex gap-2">+ <i class="w-6 h-6" data-lucide="tangent"></i>+ tangled.sh+ </a>+ </div>+ <div id="right-items" class="flex gap-2">+ {{ with .LoggedInUser }}+ <a+ href="/repo/new"+ hx-boost="true"+ class="{{ $linkstyle }}"+ >+ <i class="w-6 h-6" data-lucide="plus"></i>+ </a>+ <details class="relative inline-block text-left">+ <summary+ class="{{ $linkstyle }} cursor-pointer list-none"+ >+ {{ didOrHandle .Did .Handle }}+ </summary>+ <div+ class="absolute flex flex-col right-0 mt-4 p-4 rounded w-48 bg-white border border-gray-200 z-50"+ >+ <a+ href="/{{ didOrHandle .Did .Handle }}"+ class="{{ $linkstyle }}"+ >profile</a+ >+ <a href="/knots" class="{{ $linkstyle }}">knots</a>+ <a href="/settings" class="{{ $linkstyle }}"+ >settings</a+ >+ <a+ href="/logout"+ class="text-red-400 hover:text-red-700 no-underline"+ >logout</a+ >+ </div>+ </details>+ {{ else }}+ <a href="/login" class="{{ $linkstyle }}"> login </a>+ {{ end }}+ </div>+ </div>+ </nav>{{ end }}
@@ -38,7 +38,7 @@ </optgroup></select><ahref="/{{ .RepoInfo.FullName }}/commits/{{ .Ref }}"- class="btn ml-2 no-underline flex items-center gap-2"+ class="ml-2 no-underline flex items-center gap-2 text-sm uppercase font-bold"><i class="w-4 h-4" data-lucide="logs"></i>{{ .TotalCommits }}
@@ -43,23 +43,27 @@ </span></div>{{ if .Issue.Body }}- <article id="body" class="mt-8 border border-gray-300 px-4 py-6">+ <article id="body" class="mt-8">{{ .Issue.Body | escapeHtml }}</article>{{ end }}</section>-- <hr class="my-10" />+{{ end }}+{{ define "repoAfter" }}<section id="comments" class="mt-8 space-y-4 relative">{{ range $index, $comment := .Comments }}<divid="comment-{{ .CommentId }}"- class="border border-gray-200 p-4 relative"+ class="rounded-sm bg-white p-4 relative">- {{ if ne $index 0 }}+ {{ if eq $index 0 }}<div- class="absolute left-8 -top-4 w-px h-4 bg-gray-200"+ class="absolute left-8 -top-8 w-px h-8 bg-gray-300"+ ></div>+ {{ else }}+ <div+ class="absolute left-8 -top-4 w-px h-4 bg-gray-300"></div>{{ end }}<div class="flex items-center gap-2 mb-2">
@@ -1,21 +1,50 @@{{ define "title" }}commits · {{ .RepoInfo.FullName }}{{ end }}{{ define "repoContent" }}- <h1>Commits</h1>- <h1>Commits</h1>+ <section id="commit-message">+ {{ $commit := index .Commits 0 }}+ {{ $messageParts := splitN $commit.Message "\n\n" 2 }}+ <div>+ <p class="pb-5">{{ index $messageParts 0 }}</p>+ {{ if gt (len $messageParts) 1 }}+ <p class="mt-1 text-sm cursor-text pb-5">+ {{ nl2br (unwrapText (index $messageParts 1)) }}+ </p>+ {{ end }}+ </div>++ <div class="text-sm text-gray-500">+ <span class="font-mono">+ <a+ href="/{{ $.RepoInfo.FullName }}/commit/{{ $commit.Hash.String }}"+ class="text-gray-500 no-underline hover:underline"+ >{{ slice $commit.Hash.String }}</a+ >+ </span>+ <span class="mx-2 before:content-['·'] before:select-none"></span>+ <span>+ <a+ href="mailto:{{ $commit.Author.Email }}"+ class="text-gray-500 no-underline hover:underline"+ >{{ $commit.Author.Name }}</a+ >+ </span>+ <div+ class="inline-block px-1 select-none after:content-['·']"+ ></div>+ <span>{{ timeFmt $commit.Author.When }}</span>+ </div>+ </section>{{ end }}{{ define "repoAfter" }}<main>- <div id="commit-log" class="flex-1">+ <div id="commit-log" class="flex-1 relative">+ <div class="absolute left-8 top-0 bottom-0 w-px bg-gray-300"></div>{{ range .Commits }}<div class="flex flex-row justify-between items-center">- <i- class="w-5 h-5 mt-5 text-gray-400 align-middle"- data-lucide="git-commit-horizontal"- ></i><div- class="relative w-full px-4 py-4 mt-5 hover:bg-gray-50 border border-gray-200 bg-white"+ class="relative w-full px-4 py-4 mt-5 hover:bg-gray-50 rounded-sm bg-white"><div id="commit-message">{{ $messageParts := splitN .Message "\n\n" 2 }}@@ -51,7 +80,7 @@ </div></div></div>- <div class="text-xs text-gray-500">+ <div class="text-xs text-gray-500 mt-3"><span class="font-mono"><ahref="/{{ $.RepoInfo.FullName }}/commit/{{ .Hash.String }}"