lfk/frontend
2
0
Fork 0
Code Issues 3 Pull Requests Actions Projects Releases Wiki Activity

striped tabled

Browse Source
This commit is contained in:
Philipp Dormann 2023-04-26 22:51:57 +02:00
parent 46d076af9d
commit 5e82638f35
Signed by: philipp
GPG Key ID: 3BB9ADD52DCA4314
15 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/cards/CardsOverview.svelte
View File

@ -265,7 +265,7 @@
</div> </div>
<div class="overflow-x-auto"> <div class="overflow-x-auto">
<table class="w-full"> <table class="w-full">
<thead> <thead class="border-b border-gray-400">
{#each $table.getHeaderGroups() as headerGroup} {#each $table.getHeaderGroups() as headerGroup}
<tr class="select-none"> <tr class="select-none">
<th class="inset-y-0 left-0 px-4 py-2 text-left w-px"> <th class="inset-y-0 left-0 px-4 py-2 text-left w-px">
@ -284,7 +284,7 @@
</thead> </thead>
<tbody> <tbody>
{#each $table.getRowModel().rows as row} {#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"> <td class="inset-y-0 left-0 px-4 py-2 text-center w-px">
<InputElement <InputElement
type="checkbox" type="checkbox"

2
src/components/contacts/ContactsOverview.svelte
View File

@ -39,7 +39,7 @@
> >
<table class="divide-y divide-gray-200 w-full"> <table class="divide-y divide-gray-200 w-full">
<thead class="bg-gray-50"> <thead class="bg-gray-50">
<tr> <tr class="odd:bg-white even:bg-gray-100">
<th <th
scope="col" scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"

4
src/components/donations/DonationsOverview.svelte
View File

@ -233,7 +233,7 @@
class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll" class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll"
> >
<table class="w-full"> <table class="w-full">
<thead> <thead class="border-b border-gray-400">
{#each $table.getHeaderGroups() as headerGroup} {#each $table.getHeaderGroups() as headerGroup}
<tr class="select-none"> <tr class="select-none">
<th class="inset-y-0 left-0 px-4 py-2 text-left w-px"> <th class="inset-y-0 left-0 px-4 py-2 text-left w-px">
@ -252,7 +252,7 @@
</thead> </thead>
<tbody> <tbody>
{#each $table.getRowModel().rows as row} {#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"> <td class="inset-y-0 left-0 px-4 py-2 text-center w-px">
<InputElement <InputElement
type="checkbox" type="checkbox"

4
src/components/donors/DonorsOverview.svelte
View File

@ -207,7 +207,7 @@
class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll" class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll"
> >
<table class="w-full"> <table class="w-full">
<thead> <thead class="border-b border-gray-400">
{#each $table.getHeaderGroups() as headerGroup} {#each $table.getHeaderGroups() as headerGroup}
<tr class="select-none"> <tr class="select-none">
<th class="inset-y-0 left-0 px-4 py-2 text-left w-px"> <th class="inset-y-0 left-0 px-4 py-2 text-left w-px">
@ -226,7 +226,7 @@
</thead> </thead>
<tbody> <tbody>
{#each $table.getRowModel().rows as row} {#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"> <td class="inset-y-0 left-0 px-4 py-2 text-center w-px">
<InputElement <InputElement
type="checkbox" type="checkbox"

6
src/components/general/About.svelte
View File

@ -131,8 +131,8 @@
<p class="text-center w-full">{$_("licenses-are-being-loaded")}</p> <p class="text-center w-full">{$_("licenses-are-being-loaded")}</p>
{:then} {:then}
<table> <table>
<thead> <thead class="border-b border-gray-400">
<tr> <tr class="odd:bg-white even:bg-gray-100">
<th>{$_("dependency_name")}</th> <th>{$_("dependency_name")}</th>
<th>{$_("license")}</th> <th>{$_("license")}</th>
<th>{$_("repo_link")}</th> <th>{$_("repo_link")}</th>
@ -142,7 +142,7 @@
</thead> </thead>
<tbody> <tbody>
{#each licenses as l} {#each licenses as l}
<tr> <tr class="odd:bg-white even:bg-gray-100">
<td>{l.name}</td> <td>{l.name}</td>
<td> <td>
{l.license || "?"}<br /><span {l.license || "?"}<br /><span

2
src/components/groups/UserGroupsOverview.svelte
View File

@ -38,7 +38,7 @@
> >
<table class="divide-y divide-gray-200 w-full"> <table class="divide-y divide-gray-200 w-full">
<thead class="bg-gray-50"> <thead class="bg-gray-50">
<tr> <tr class="odd:bg-white even:bg-gray-100">
<th <th
scope="col" scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"

2
src/components/orgs/OrgOverview.svelte
View File

@ -73,7 +73,7 @@
> >
<table class="divide-y divide-gray-200 w-full"> <table class="divide-y divide-gray-200 w-full">
<thead class="bg-gray-50"> <thead class="bg-gray-50">
<tr> <tr class="odd:bg-white even:bg-gray-100">
<th <th
scope="col" scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"

4
src/components/presets/Table.svelte
View File

@ -7,7 +7,7 @@
> >
<table class="min-w-full divide-y divide-gray-200"> <table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50"> <thead class="bg-gray-50">
<tr> <tr class="odd:bg-white even:bg-gray-100">
<th <th
scope="col" scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
@ -38,7 +38,7 @@
</tr> </tr>
</thead> </thead>
<tbody class="divide-y divide-gray-200"> <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"> <td class="px-6 py-4 whitespace-nowrap">
<div class="flex items-center"> <div class="flex items-center">
<div class="flex-shrink-0 h-10 w-10"> <div class="flex-shrink-0 h-10 w-10">

4
src/components/runners/ImportRunnerModal.svelte
View File

@ -315,7 +315,7 @@
<div class="w-full overflow-x-auto"> <div class="w-full overflow-x-auto">
<table class="divide-y divide-gray-200 w-full"> <table class="divide-y divide-gray-200 w-full">
<thead class="bg-gray-50"> <thead class="bg-gray-50">
<tr> <tr class="odd:bg-white even:bg-gray-100">
<th <th
scope="col" scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
@ -350,7 +350,7 @@
.toString() .toString()
.toLowerCase() .toLowerCase()
.includes(searchvalue)} .includes(searchvalue)}
<tr> <tr class="odd:bg-white even:bg-gray-100">
<td class="px-6 py-4 whitespace-nowrap"> <td class="px-6 py-4 whitespace-nowrap">
{runner[`${$_("csv_import__firstname")}`]} {runner[`${$_("csv_import__firstname")}`]}
</td> </td>

4
src/components/runners/RunnersOverview.svelte
View File

@ -213,7 +213,7 @@
</div> </div>
<div class="overflow-x-auto"> <div class="overflow-x-auto">
<table class="w-full"> <table class="w-full">
<thead> <thead class="border-b border-gray-400">
{#each $table.getHeaderGroups() as headerGroup} {#each $table.getHeaderGroups() as headerGroup}
<tr class="select-none"> <tr class="select-none">
<th class="inset-y-0 left-0 px-4 py-2 text-left w-px"> <th class="inset-y-0 left-0 px-4 py-2 text-left w-px">
@ -232,7 +232,7 @@
</thead> </thead>
<tbody> <tbody>
{#each $table.getRowModel().rows as row} {#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"> <td class="inset-y-0 left-0 px-4 py-2 text-center w-px">
<InputElement <InputElement
type="checkbox" type="checkbox"

4
src/components/scans/ScansOverview.svelte
View File

@ -253,7 +253,7 @@
{/if} {/if}
<div class="overflow-x-auto"> <div class="overflow-x-auto">
<table class="w-full"> <table class="w-full">
<thead> <thead class="border-b border-gray-400">
{#each $table.getHeaderGroups() as headerGroup} {#each $table.getHeaderGroups() as headerGroup}
<tr class="select-none"> <tr class="select-none">
<th class="inset-y-0 left-0 px-4 py-2 text-left w-px"> <th class="inset-y-0 left-0 px-4 py-2 text-left w-px">
@ -272,7 +272,7 @@
</thead> </thead>
<tbody> <tbody>
{#each $table.getRowModel().rows as row} {#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"> <td class="inset-y-0 left-0 px-4 py-2 text-center w-px">
<InputElement <InputElement
type="checkbox" type="checkbox"

2
src/components/scanstations/ScanStationsOverview.svelte
View File

@ -50,7 +50,7 @@
> >
<table class="divide-y divide-gray-200 w-full"> <table class="divide-y divide-gray-200 w-full">
<thead class="bg-gray-50"> <thead class="bg-gray-50">
<tr> <tr class="odd:bg-white even:bg-gray-100">
<th <th
scope="col" scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"

2
src/components/statsclients/StatsClientsOverview.svelte
View File

@ -50,7 +50,7 @@
> >
<table class="divide-y divide-gray-200 w-full"> <table class="divide-y divide-gray-200 w-full">
<thead class="bg-gray-50"> <thead class="bg-gray-50">
<tr> <tr class="odd:bg-white even:bg-gray-100">
<th <th
scope="col" scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"

2
src/components/teams/TeamsOverview.svelte
View File

@ -72,7 +72,7 @@
> >
<table class="divide-y divide-gray-200 w-full"> <table class="divide-y divide-gray-200 w-full">
<thead class="bg-gray-50"> <thead class="bg-gray-50">
<tr> <tr class="odd:bg-white even:bg-gray-100">
<th <th
scope="col" scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"

2
src/components/users/UsersOverview.svelte
View File

@ -55,7 +55,7 @@
> >
<table class="divide-y divide-gray-200 w-full"> <table class="divide-y divide-gray-200 w-full">
<thead class="bg-gray-50"> <thead class="bg-gray-50">
<tr> <tr class="odd:bg-white even:bg-gray-100">
<th <th
scope="col" scope="col"
class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"