Pi66

git.pi66.xyz
A web interface for the pi66.xyz Git server
git clone https://git.pi66.xyz/git.pi66.xyz

← back to log

fix: align Files table columns with shrink-to-fit widths

author: pi66
date: 2026-07-23 09:30
hash: 545b40ab41cea92281b314f0a0271e91b4d265cc

Diffstat:

M

src/templates/Files.html
46 ++++++++++++++++-------------- 
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
diff --git a/src/templates/Files.html b/src/templates/Files.html
index 508f4db..0a4bf2f 100644
--- a/src/templates/Files.html
+++ b/src/templates/Files.html
@@ -3,29 +3,31 @@

 <table class="!w-full">
    <thead>
-       <tr><th>Mode</th><th>Size</th><th>Path</th>
+       <tr>
+           <th class="w-px whitespace-nowrap">Mode</th>
+           <th class="w-px whitespace-nowrap">Size</th>
+           <th class="w-full">Path</th>
+       </tr>
    </thead>
-       <tbody>
-
-       {% for file in files %}
-
-           <tr>
-               <td class="!text-gray-500 font-mono text-xs">
-                   {{file.mode}}
-               </td>
-               <td class="!text-gray-400 text-right">
-                   {{file.size}}
-               </td>
-               <td>
-                   <a class="!text-green-400 hover:underline"
-                      href="/{{repo_name|lower}}/files/{{file.path}}.html" 
-                   >
-                       {{file.path}}
-                   </a>
-               </td>
-           </tr>
-       {% endfor %}
-       </tbody>
+   <tbody>
+   {% for file in files %}
+       <tr>
+           <td class="w-px whitespace-nowrap !text-gray-500 font-mono text-xs">
+               {{file.mode}}
+           </td>
+           <td class="w-px whitespace-nowrap !text-gray-400 text-right">
+               {{file.size}}
+           </td>
+           <td class="w-full">
+               <a class="!text-green-400 hover:underline"
+                  href="/{{repo_name|lower}}/files/{{file.path}}.html"
+               >
+                   {{file.path}}
+               </a>
+           </td>
+       </tr>
+   {% endfor %}
+   </tbody>
 </table>

 {% endset %}