design: code page ux - pgit@8d0c699

commit: 8d0c699
parent: 3e208c9
author: Eric Bower
date: 2023-08-19 01:44:11 +0000 UTC

design: code page ux

2 files changed, +11, -2

M html/tree.page.tmpl

M static/main.css

M html/tree.page.tmpl

+2, -2

 1@@ -7,14 +7,14 @@
 2   <div>
 3   {{range .Tree}}
 4     <div class="flex justify-between items-center gap my-sm border-b">
 5-      <div class="flex-1">
 6+      <div class="flex-1 tree-path">
 7         <a href="{{.URL}}">{{.Path}}</a>
 8       </div>
 9 
10       <div class="flex items-center gap">
11         {{if $.Repo.HideTreeLastCommit}}
12         {{else}}
13-        <div class="flex-1">
14+        <div class="flex-1 tree-commit">
15           <a href="{{.CommitURL}}" title="{{.Summary}}">{{.When}}</a>
16         </div>
17         {{end}}

M static/main.css

+9, -0

 1@@ -361,6 +361,11 @@ figure {
 2 
 3 .tree-size {
 4   width: 60px;
 5+  text-align: right;
 6+}
 7+
 8+.tree-path {
 9+  text-wrap: wrap;
10 }
11 
12 @media only screen and (max-width: 900px) {
13@@ -371,4 +376,8 @@ figure {
14   header {
15     margin: 0;
16   }
17+
18+  .tree-commit {
19+    display: none;
20+  }
21 }