From 5e82638f3594298d0542cd03d5d6aa80aa383b9d Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Wed, 26 Apr 2023 22:51:57 +0200
Subject: [PATCH] striped tabled

---
 src/components/cards/CardsOverview.svelte               | 4 ++--
 src/components/contacts/ContactsOverview.svelte         | 2 +-
 src/components/donations/DonationsOverview.svelte       | 4 ++--
 src/components/donors/DonorsOverview.svelte             | 4 ++--
 src/components/general/About.svelte                     | 6 +++---
 src/components/groups/UserGroupsOverview.svelte         | 2 +-
 src/components/orgs/OrgOverview.svelte                  | 2 +-
 src/components/presets/Table.svelte                     | 4 ++--
 src/components/runners/ImportRunnerModal.svelte         | 4 ++--
 src/components/runners/RunnersOverview.svelte           | 4 ++--
 src/components/scans/ScansOverview.svelte               | 4 ++--
 src/components/scanstations/ScanStationsOverview.svelte | 2 +-
 src/components/statsclients/StatsClientsOverview.svelte | 2 +-
 src/components/teams/TeamsOverview.svelte               | 2 +-
 src/components/users/UsersOverview.svelte               | 2 +-
 15 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/src/components/cards/CardsOverview.svelte b/src/components/cards/CardsOverview.svelte
index 50bf4c8a..8911b720 100644
--- a/src/components/cards/CardsOverview.svelte
+++ b/src/components/cards/CardsOverview.svelte
@@ -265,7 +265,7 @@
     </div>
     <div class="overflow-x-auto">
       <table class="w-full">
-        <thead>
+        <thead class="border-b border-gray-400">
           {#each $table.getHeaderGroups() as headerGroup}
             <tr class="select-none">
               <th class="inset-y-0 left-0 px-4 py-2 text-left w-px">
@@ -284,7 +284,7 @@
         </thead>
         <tbody>
           {#each $table.getRowModel().rows as row}
-            <tr>
+            <tr class="odd:bg-white even:bg-gray-100">
               <td class="inset-y-0 left-0 px-4 py-2 text-center w-px">
                 <InputElement
                   type="checkbox"
diff --git a/src/components/contacts/ContactsOverview.svelte b/src/components/contacts/ContactsOverview.svelte
index 1d95dd96..4f95fc05 100644
--- a/src/components/contacts/ContactsOverview.svelte
+++ b/src/components/contacts/ContactsOverview.svelte
@@ -39,7 +39,7 @@
       >
         <table class="divide-y divide-gray-200 w-full">
           <thead class="bg-gray-50">
-            <tr>
+            <tr class="odd:bg-white even:bg-gray-100">
               <th
                 scope="col"
                 class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
diff --git a/src/components/donations/DonationsOverview.svelte b/src/components/donations/DonationsOverview.svelte
index b70a2163..f492e464 100644
--- a/src/components/donations/DonationsOverview.svelte
+++ b/src/components/donations/DonationsOverview.svelte
@@ -233,7 +233,7 @@
       class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll"
     >
       <table class="w-full">
-        <thead>
+        <thead class="border-b border-gray-400">
           {#each $table.getHeaderGroups() as headerGroup}
             <tr class="select-none">
               <th class="inset-y-0 left-0 px-4 py-2 text-left w-px">
@@ -252,7 +252,7 @@
         </thead>
         <tbody>
           {#each $table.getRowModel().rows as row}
-            <tr>
+            <tr class="odd:bg-white even:bg-gray-100">
               <td class="inset-y-0 left-0 px-4 py-2 text-center w-px">
                 <InputElement
                   type="checkbox"
diff --git a/src/components/donors/DonorsOverview.svelte b/src/components/donors/DonorsOverview.svelte
index 1080c52e..6cae1858 100644
--- a/src/components/donors/DonorsOverview.svelte
+++ b/src/components/donors/DonorsOverview.svelte
@@ -207,7 +207,7 @@
       class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll"
     >
       <table class="w-full">
-        <thead>
+        <thead class="border-b border-gray-400">
           {#each $table.getHeaderGroups() as headerGroup}
             <tr class="select-none">
               <th class="inset-y-0 left-0 px-4 py-2 text-left w-px">
@@ -226,7 +226,7 @@
         </thead>
         <tbody>
           {#each $table.getRowModel().rows as row}
-            <tr>
+            <tr class="odd:bg-white even:bg-gray-100">
               <td class="inset-y-0 left-0 px-4 py-2 text-center w-px">
                 <InputElement
                   type="checkbox"
diff --git a/src/components/general/About.svelte b/src/components/general/About.svelte
index 5396e53b..ea5e3b57 100644
--- a/src/components/general/About.svelte
+++ b/src/components/general/About.svelte
@@ -131,8 +131,8 @@
         <p class="text-center w-full">{$_("licenses-are-being-loaded")}</p>
       {:then}
         <table>
-          <thead>
-            <tr>
+          <thead class="border-b border-gray-400">
+            <tr class="odd:bg-white even:bg-gray-100">
               <th>{$_("dependency_name")}</th>
               <th>{$_("license")}</th>
               <th>{$_("repo_link")}</th>
@@ -142,7 +142,7 @@
           </thead>
           <tbody>
             {#each licenses as l}
-              <tr>
+              <tr class="odd:bg-white even:bg-gray-100">
                 <td>{l.name}</td>
                 <td>
                   {l.license || "?"}<br /><span
diff --git a/src/components/groups/UserGroupsOverview.svelte b/src/components/groups/UserGroupsOverview.svelte
index 0cd0e67a..97b23096 100644
--- a/src/components/groups/UserGroupsOverview.svelte
+++ b/src/components/groups/UserGroupsOverview.svelte
@@ -38,7 +38,7 @@
       >
         <table class="divide-y divide-gray-200 w-full">
           <thead class="bg-gray-50">
-            <tr>
+            <tr class="odd:bg-white even:bg-gray-100">
               <th
                 scope="col"
                 class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
diff --git a/src/components/orgs/OrgOverview.svelte b/src/components/orgs/OrgOverview.svelte
index fd88a1ef..7a82bd61 100644
--- a/src/components/orgs/OrgOverview.svelte
+++ b/src/components/orgs/OrgOverview.svelte
@@ -73,7 +73,7 @@
       >
         <table class="divide-y divide-gray-200 w-full">
           <thead class="bg-gray-50">
-            <tr>
+            <tr class="odd:bg-white even:bg-gray-100">
               <th
                 scope="col"
                 class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
diff --git a/src/components/presets/Table.svelte b/src/components/presets/Table.svelte
index 520da32c..ffa0b3ef 100644
--- a/src/components/presets/Table.svelte
+++ b/src/components/presets/Table.svelte
@@ -7,7 +7,7 @@
       >
         <table class="min-w-full divide-y divide-gray-200">
           <thead class="bg-gray-50">
-            <tr>
+            <tr class="odd:bg-white even:bg-gray-100">
               <th
                 scope="col"
                 class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
@@ -38,7 +38,7 @@
             </tr>
           </thead>
           <tbody class="divide-y divide-gray-200">
-            <tr>
+            <tr class="odd:bg-white even:bg-gray-100">
               <td class="px-6 py-4 whitespace-nowrap">
                 <div class="flex items-center">
                   <div class="flex-shrink-0 h-10 w-10">
diff --git a/src/components/runners/ImportRunnerModal.svelte b/src/components/runners/ImportRunnerModal.svelte
index 58b88f6b..18eb146d 100644
--- a/src/components/runners/ImportRunnerModal.svelte
+++ b/src/components/runners/ImportRunnerModal.svelte
@@ -315,7 +315,7 @@
                 <div class="w-full overflow-x-auto">
                   <table class="divide-y divide-gray-200 w-full">
                     <thead class="bg-gray-50">
-                      <tr>
+                      <tr class="odd:bg-white even:bg-gray-100">
                         <th
                           scope="col"
                           class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
@@ -350,7 +350,7 @@
                           .toString()
                           .toLowerCase()
                           .includes(searchvalue)}
-                          <tr>
+                          <tr class="odd:bg-white even:bg-gray-100">
                             <td class="px-6 py-4 whitespace-nowrap">
                               {runner[`${$_("csv_import__firstname")}`]}
                             </td>
diff --git a/src/components/runners/RunnersOverview.svelte b/src/components/runners/RunnersOverview.svelte
index 8099492e..0bdf9212 100644
--- a/src/components/runners/RunnersOverview.svelte
+++ b/src/components/runners/RunnersOverview.svelte
@@ -213,7 +213,7 @@
     </div>
     <div class="overflow-x-auto">
       <table class="w-full">
-        <thead>
+        <thead class="border-b border-gray-400">
           {#each $table.getHeaderGroups() as headerGroup}
             <tr class="select-none">
               <th class="inset-y-0 left-0 px-4 py-2 text-left w-px">
@@ -232,7 +232,7 @@
         </thead>
         <tbody>
           {#each $table.getRowModel().rows as row}
-            <tr>
+            <tr class="odd:bg-white even:bg-gray-100">
               <td class="inset-y-0 left-0 px-4 py-2 text-center w-px">
                 <InputElement
                   type="checkbox"
diff --git a/src/components/scans/ScansOverview.svelte b/src/components/scans/ScansOverview.svelte
index c83dae25..de26a87a 100644
--- a/src/components/scans/ScansOverview.svelte
+++ b/src/components/scans/ScansOverview.svelte
@@ -253,7 +253,7 @@
     {/if}
     <div class="overflow-x-auto">
       <table class="w-full">
-        <thead>
+        <thead class="border-b border-gray-400">
           {#each $table.getHeaderGroups() as headerGroup}
             <tr class="select-none">
               <th class="inset-y-0 left-0 px-4 py-2 text-left w-px">
@@ -272,7 +272,7 @@
         </thead>
         <tbody>
           {#each $table.getRowModel().rows as row}
-            <tr>
+            <tr class="odd:bg-white even:bg-gray-100">
               <td class="inset-y-0 left-0 px-4 py-2 text-center w-px">
                 <InputElement
                   type="checkbox"
diff --git a/src/components/scanstations/ScanStationsOverview.svelte b/src/components/scanstations/ScanStationsOverview.svelte
index 05376dfb..99865b86 100644
--- a/src/components/scanstations/ScanStationsOverview.svelte
+++ b/src/components/scanstations/ScanStationsOverview.svelte
@@ -50,7 +50,7 @@
       >
         <table class="divide-y divide-gray-200 w-full">
           <thead class="bg-gray-50">
-            <tr>
+            <tr class="odd:bg-white even:bg-gray-100">
               <th
                 scope="col"
                 class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
diff --git a/src/components/statsclients/StatsClientsOverview.svelte b/src/components/statsclients/StatsClientsOverview.svelte
index 2f452c8c..dd2ceb8c 100644
--- a/src/components/statsclients/StatsClientsOverview.svelte
+++ b/src/components/statsclients/StatsClientsOverview.svelte
@@ -50,7 +50,7 @@
       >
         <table class="divide-y divide-gray-200 w-full">
           <thead class="bg-gray-50">
-            <tr>
+            <tr class="odd:bg-white even:bg-gray-100">
               <th
                 scope="col"
                 class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
diff --git a/src/components/teams/TeamsOverview.svelte b/src/components/teams/TeamsOverview.svelte
index 1f09caf0..801a412c 100644
--- a/src/components/teams/TeamsOverview.svelte
+++ b/src/components/teams/TeamsOverview.svelte
@@ -72,7 +72,7 @@
       >
         <table class="divide-y divide-gray-200 w-full">
           <thead class="bg-gray-50">
-            <tr>
+            <tr class="odd:bg-white even:bg-gray-100">
               <th
                 scope="col"
                 class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
diff --git a/src/components/users/UsersOverview.svelte b/src/components/users/UsersOverview.svelte
index bf38a728..28038265 100644
--- a/src/components/users/UsersOverview.svelte
+++ b/src/components/users/UsersOverview.svelte
@@ -55,7 +55,7 @@
       >
         <table class="divide-y divide-gray-200 w-full">
           <thead class="bg-gray-50">
-            <tr>
+            <tr class="odd:bg-white even:bg-gray-100">
               <th
                 scope="col"
                 class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"