log: cleaner view

Changes

3 changed files (+18/-4)

• static/style.css
  • @@ -172,6 +172,10 @@ .commit-email:after {
    content: '>'; } + .commit { + margin-bottom: 1rem; + } + .commit pre { padding-bottom: 1rem; white-space: pre-wrap;
  • @@ -222,6 +226,11 @@ display: flex;
    flex-direction: row; grid-template-columns: 1rem minmax(0, 1fr); gap: 1rem; + } + + .commit-info { + color: var(--gray); + font-size: 14px; } @media (max-width: 600px) {
• templates/log.html
  • @@ -15,10 +15,12 @@ <div class="log">
    {{ range .commits }} <div> <div><a href="/{{ $repo }}/commit/{{ .Hash.String }}">{{ slice .Hash.String 0 8 }}</a></div> - <div>{{ .Author.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}</div> <pre>{{ .Message }}</pre> </div> - <div class="commit-info">{{ .Author.Name }} <span class="commit-email">{{ .Author.Email }}</span></div> + <div class="commit-info"> + {{ .Author.Name }} <span class="commit-email">{{ .Author.Email }}</span> + <div>{{ .Author.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}</div> + </div> {{ end }} </div> </main>
• templates/repo.html
  • @@ -17,12 +17,15 @@ <div class="log">
    {{ range .commits }} <div> <div><a href="/{{ $repo }}/commit/{{ .Hash.String }}">{{ slice .Hash.String 0 8 }}</a></div> + <pre>{{ .Message }}</pre> + </div> + <div class="commit-info"> + {{ .Author.Name }} <span class="commit-email">{{ .Author.Email }}</span> <div>{{ .Author.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}</div> - <pre>{{ .Message }}</pre> </div> - <div class="commit-info">{{ .Author.Name }} <span class="commit-email">{{ .Author.Email }}</span></div> {{ end }} </div> + <article class="readme"> <pre> {{- if .readme }}{{ .readme }}{{- end -}}