diff --git a/src/App/App.css b/src/App/App.css index 390e95131f71eefef133251f7384d14c1c7512b5..3ed4099b92ef823144ee0bfd2f45e79b6fe16c43 100644 --- a/src/App/App.css +++ b/src/App/App.css @@ -353,6 +353,11 @@ td, th { max-width: 60px !important; } +thead tr { + background-color: var(--text-primary) !important; + color: var(--background); +} + tbody tr:nth-child(even) { background-color: #ededed; } diff --git a/src/contents/Contribution/Wiki/wiki-overview.tsx b/src/contents/Contribution/Wiki/wiki-overview.tsx index 33162dbdda5365bad6883f69cf48aeb42a54b42c..aaeb12a111e2e7b615f24fab04e5c67bd57ecd61 100644 --- a/src/contents/Contribution/Wiki/wiki-overview.tsx +++ b/src/contents/Contribution/Wiki/wiki-overview.tsx @@ -1,8 +1,13 @@ + export function WikiOverview(){ return( <div> - + <p>To help teams get started, we wrote down what we wished we would have easily found while building our wiki with React.</p> + <p><b>Getting startet</b> explains some basics that are important to know. This especially concerns the differences between using plain HTML and React, but the structure of the wiki, too. </p> + <p><b>Troubleshooting</b> is an iteractive search for problems that may arise and how we solved them. </p> + <p><b>Components</b> contains some components we used that we found very helpful. Many packages that offer components such as timelines were not exactly what we were looking for or did not work with our packages. The solution was to create our own components. </p> + <p><b>Downloads</b> </p> </div> ) } \ No newline at end of file diff --git a/src/contents/Contribution/Wiki/wiki-start.tsx b/src/contents/Contribution/Wiki/wiki-start.tsx index 669aab33a5d4e4017d6f275fd211222840c31104..31db00771b3f8281d334404c85957fe62d69b5e1 100644 --- a/src/contents/Contribution/Wiki/wiki-start.tsx +++ b/src/contents/Contribution/Wiki/wiki-start.tsx @@ -5,11 +5,14 @@ export function Started(){ <h3>Differences between React and plain HTML</h3> <p>There are some differences in the syntax that can lead to errors.</p> <table> - <tr> - <th></th> - <th>Plain HTML</th> - <th>Using React</th> - </tr> + <thead> + <tr> + <th></th> + <th>Plain HTML</th> + <th>Using React</th> + </tr> + </thead> + <tbody> <tr> <th> <code><tags> </code> </th> <th> @@ -48,6 +51,7 @@ export function Started(){ <p> style={{<var>attribute</var>: "<var>value</var>", <var>attribute</var>: "<var>value</var>" }}</p> </th> </tr> + </tbody> </table> </> )