aboutsummaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authorRunxi Yu <me@runxiyu.org>2025-03-25 11:16:56 +0800
committerRunxi Yu <me@runxiyu.org>2025-03-25 11:25:29 +0800
commit4efe27ba918e3667d54b68d3cf15accac5889fef (patch)
treecf8e0ec2ba3410bb503eea07b6cc989c4fe7aa94 /templates
parentNavbar slashes (diff)
downloadforge-4efe27ba918e3667d54b68d3cf15accac5889fef.tar.gz
forge-4efe27ba918e3667d54b68d3cf15accac5889fef.tar.zst
forge-4efe27ba918e3667d54b68d3cf15accac5889fef.zip
Responsive grid for commit and repo info
Diffstat (limited to 'templates')
-rw-r--r--templates/repo_commit.tmpl63
-rw-r--r--templates/repo_index.tmpl42
2 files changed, 47 insertions, 58 deletions
diff --git a/templates/repo_commit.tmpl b/templates/repo_commit.tmpl
index 8cf106b..46f5478 100644
--- a/templates/repo_commit.tmpl
+++ b/templates/repo_commit.tmpl
@@ -12,40 +12,37 @@
<body class="repo-commit">
{{- template "header" . -}}
<div class="padding-wrapper scroll">
- <table id="commit-info-table" class="rounded">
- <thead>
- <tr class="title-row">
- <th colspan="2">Commit info</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <th scope="row">ID</th>
- <td>{{- .commit_id -}}</td>
- </tr>
- <tr>
- <th scope="row">Author</th>
- <td>{{- .commit_object.Author.Name -}} &lt;<a href="mailto:{{- .commit_object.Author.Email -}}">{{- .commit_object.Author.Email -}}</a>&gt;</td>
- </tr>
- <tr>
- <th scope="row">Author date</th>
- <td>{{- .commit_object.Author.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" -}}</td>
- </tr>
- <tr>
- <th scope="row">Committer</th>
- <td>{{- .commit_object.Committer.Name -}} &lt;<a href="mailto:{{- .commit_object.Committer.Email -}}">{{- .commit_object.Committer.Email -}}</a>&gt;</td>
- </tr>
- <tr>
- <th scope="row">Committer date</th>
- <td>{{- .commit_object.Committer.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" -}}</td>
- </tr>
- <tr>
- <th scope="row">Actions</th>
- <td><pre><a href="{{- .commit_object.Hash -}}.patch">Get patch</a></pre></td>
- </tr>
- </tbody>
- </table>
+<div class="key-val-grid-wrapper">
+ <section id="commit-info" class="key-val-grid">
+ <div class="title-row">Commit info</div>
+
+ <div class="row-label">ID</div>
+ <div class="row-value">{{- .commit_id -}}</div>
+
+ <div class="row-label">Author</div>
+ <div class="row-value">
+ <span>{{- .commit_object.Author.Name -}}</span> <span>&lt;<a href="mailto:{{- .commit_object.Author.Email -}}">{{- .commit_object.Author.Email -}}</a>&gt;</span>
</div>
+
+ <div class="row-label">Author date</div>
+ <div class="row-value">{{- .commit_object.Author.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" -}}</div>
+
+ <div class="row-label">Committer</div>
+ <div class="row-value">
+ <span>{{- .commit_object.Committer.Name -}}</span> <span>&lt;<a href="mailto:{{- .commit_object.Committer.Email -}}">{{- .commit_object.Committer.Email -}}</a>&gt;</span>
+ </div>
+
+ <div class="row-label">Committer date</div>
+ <div class="row-value">{{- .commit_object.Committer.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" -}}</div>
+
+ <div class="row-label">Actions</div>
+ <div class="row-value">
+ <a href="{{- .commit_object.Hash -}}.patch">Get patch</a>
+ </div>
+ </section>
+</div>
+ </div>
+
<div class="padding-wrapper scroll" id="this-commit-message">
<pre>{{- .commit_object.Message -}}</pre>
</div>
diff --git a/templates/repo_index.tmpl b/templates/repo_index.tmpl
index 39e55cf..cf5d1cd 100644
--- a/templates/repo_index.tmpl
+++ b/templates/repo_index.tmpl
@@ -12,35 +12,27 @@
<body class="repo-index">
{{- template "header" . -}}
<div class="padding-wrapper">
- <table id="repo-info-table" class="rounded">
- <thead>
- <tr class="title-row">
- <th colspan="2">Repo info</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <th scope="row">Name</th>
- <td>{{- .repo_name -}}</td>
- </tr>
+ <div class="key-val-grid-wrapper">
+ <section id="repo-info" class="key-val-grid">
+ <div class="title-row">Repo info</div>
+ <div class="row-label">Name</div>
+ <div class="row-value">{{- .repo_name -}}</div>
{{- if .repo_description -}}
- <tr>
- <th scope="row">Description</th>
- <td>{{- .repo_description -}}</td>
- </tr>
+ <div class="row-label">Description</div>
+ <div class="row-value">{{- .repo_description -}}</div>
{{- end -}}
- <tr>
- <th scope="row">SSH remote</th>
- <td><code>{{- .ssh_clone_url -}}</code></td>
- </tr>
+ <div class="row-label">SSH remote</div>
+ <div class="row-value"><code>{{- .ssh_clone_url -}}</code></div>
{{- if .notes -}}
- <tr>
- <th scope="row">Notes</th>
- <td><ul>{{- range .notes -}}<li>{{- . -}}</li>{{- end -}}</ul></td>
- </tr>
+ <div class="row-label">Notes</div>
+ <div class="row-value">
+ <ul>
+ {{- range .notes -}}<li>{{- . -}}</li>{{- end -}}
+ </ul>
+ </div>
{{- end -}}
- </tbody>
- </table>
+ </section>
+ </div>
</div>
<div class="padding-wrapper">
<table id="branches" class="rounded">