martials/old.martials.no
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

removed dark: from css and fixed wrong classes

Browse Source
This commit is contained in:
Martin Berg Alstad 2023-01-10 22:51:11 +01:00
parent 4084522528
commit 1ae98c3942
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/truth-table.tsx
View File

@ -26,7 +26,7 @@ const TruthTable: Component<TruthTableProps> = (
<For each={ header }> <For each={ header }>
{ (exp) => ( { (exp) => (
<th scope={ "col" } <th scope={ "col" }
class={ `default-bg text-center sticky top-0 [position:-webkit-sticky;] class={ `bg-default-bg text-center sticky top-0 [position:-webkit-sticky;]
outline outline-2 outline-offset-[-1px] outline-gray-500` /*TODO sticky header at the top of the screen */ }> outline outline-2 outline-offset-[-1px] outline-gray-500` /*TODO sticky header at the top of the screen */ }>
<p class={ "px-2" }>{ exp }</p> <p class={ "px-2" }>{ exp }</p>
</th> </th>
@ -37,11 +37,11 @@ const TruthTable: Component<TruthTableProps> = (
<tbody> <tbody>
<For each={ table }> <For each={ table }>
{ (row) => { (row) =>
<tr class={ "dark:hover:text-black hover:text-white" }> <tr class={ "hover:text-black" }>
<For each={ row }> <For each={ row }>
{ (value) => { (value) =>
<td class={ `text-center border border-gray-500 last:underline <td class={ `text-center border border-gray-500 last:underline
${ value ? "bg-green-500 dark:bg-green-700" : "bg-red-500 dark:bg-red-700" }` }> ${ value ? "bg-green-700" : "bg-red-700" }` }>
<p>{ value ? "T" : "F" }</p> <p>{ value ? "T" : "F" }</p>
</td> </td>
} }