From 11caee3b10208199604d3b3d4f3dbb3a2ca9c7b3 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Tue, 23 Sep 2025 11:44:02 +0800
Subject: refactor: style tables with UnoCSS

---
 layouts/_markup/render-table.html | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

(limited to 'layouts/_markup/render-table.html')

diff --git a/layouts/_markup/render-table.html b/layouts/_markup/render-table.html
index 75196aeb..010942f0 100644
--- a/layouts/_markup/render-table.html
+++ b/layouts/_markup/render-table.html
@@ -1,11 +1,16 @@
-<div class="table-container">
-  <table>
+<div class="overflow-x-auto">
+  <table class="border-collapse w-max min-w-full table-fixed
+      b-t-2 b-t-solid b-t-[var(--border-color)]"
+      style="-webkit-overflow-scrolling: touch;">
     {{- if .THead }}
     <thead>
       {{- range .THead }}
-      <tr>
+      <tr class="b-t-1 b-t-solid b-t-[var(--border-color)]">
         {{- range . }}
-        <th{{ with .Alignment }} style="text-align:{{ . }}"{{ end }}>{{ .Text | safeHTML }}</th>
+        <th
+            class="max-w-[200px] py-2 px-4 leading-snug whitespace-normal break-words"
+            {{ with .Alignment }} style="text-align:{{ . }}"{{ end }}
+        >{{ .Text | safeHTML }}</th>
         {{- end }}
       </tr>
       {{- end }}
@@ -13,9 +18,12 @@
     {{- end }}
     <tbody>
       {{- range .TBody }}
-      <tr>
+      <tr class="b-t-1 b-t-solid b-t-[var(--border-color)]">
         {{- range . }}
-        <td{{ with .Alignment }} style="text-align:{{ . }}"{{ end }}>{{ .Text | safeHTML }}</td>
+        <td
+            class="max-w-[200px] py-2 px-4 leading-snug whitespace-normal break-words"
+            {{ with .Alignment }} style="text-align:{{ . }}"{{ end }}
+        >{{ .Text | safeHTML }}</td>
         {{- end }}
       </tr>
       {{- end }}
-- 
cgit v1.2.3