Sticky table headers

2024-02-24 15:02:35 +11:00
parent f9a4baa45f
commit 090f28e202
2 changed files with 3 additions and 3 deletions
--- a/slices/main/templates/books/index.html.slim
+++ b/slices/main/templates/books/index.html.slim
@@ -5,7 +5,7 @@ div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:

 div class="mb-12 prose dark:prose-invert max-w-prose mx-auto"
  table class="text-gray-800 dark:text-white table-auto"
-    thead
+    thead class="sticky top-0 bg-gray-100 dark:bg-purple-900"
      tr
        td
        td class="p-2" Title
--- a/slices/main/templates/movies/index.html.slim
+++ b/slices/main/templates/movies/index.html.slim
@@ -5,9 +5,9 @@ div class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:

  div class="mb-12 max-w-prose mx-auto"
    table class="prose dark:prose-invert table-auto"
-      thead
+      thead class="sticky top-0 bg-black text-gray-100"
        tr
-          td Title
+          td class="pl-2" Title
          td Year
          td Rating
      - movies.each do |movie|