diff options
| author | Eltrac <hi@guhub.cn> | 2025-09-23 11:44:02 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-09-23 11:44:02 +0800 |
| commit | 23df2fc77e3841b99caf6ea785ab529685612d58 (patch) | |
| tree | e4cd785abbd79d6a63c46a05c6f947a9a08b1268 /layouts/_markup/render-table.html | |
| parent | 683450fa9b318de834c1f25e3de60b76a5f18ab7 (diff) | |
refactor: style tables with UnoCSS
Former-commit-id: 11caee3b10208199604d3b3d4f3dbb3a2ca9c7b3
Diffstat (limited to 'layouts/_markup/render-table.html')
| -rw-r--r-- | layouts/_markup/render-table.html | 20 |
1 files changed, 14 insertions, 6 deletions
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 }} |