表のレーアウト統一（#194） (#271)

#194

#194

Co-authored-by: miteruzo <miteruzo@naver.com>
Reviewed-on: #271

frontend/src/pages/wiki/WikiHistoryPage.tsx

@@ -3,6 +3,7 @@ import { Helmet } from 'react-helmet-async'
 import { useLocation } from 'react-router-dom'
 
 import PrefetchLink from '@/components/PrefetchLink'
+import PageTitle from '@/components/common/PageTitle'
 import MainArea from '@/components/layout/MainArea'
 import { SITE_TITLE } from '@/config'
 import { apiGet } from '@/lib/api'
@@ -28,8 +29,11 @@ export default () => {
 	<Helmet>
 	  <title>{`Wiki 変更履歴 | ${ SITE_TITLE }`}</title>
 	</Helmet>
+
+	<PageTitle>Wiki 履歴</PageTitle>
+
 	<table className="table-auto w-full border-collapse">
-	  <thead>
+	  <thead className="border-b-2 border-black dark:border-white">
 	    <tr>
 	      <th></th>
 	      <th className="p-2 text-left">タイトル</th>
@@ -39,8 +43,8 @@ export default () => {
 	  </thead>
 	  <tbody>
 	    {changes.map (change => (
-		<tr key={change.revisionId}>
-		  <td>
+		<tr key={change.revisionId} className="even:bg-gray-100 dark:even:bg-gray-700">
+		  <td className="p-2">
 		    {change.pred != null && (
 			<PrefetchLink
 			    to={`/wiki/${ change.wikiPage.id }/diff?from=${ change.pred }&to=${ change.revisionId }`}>

frontend/src/pages/wiki/WikiSearchPage.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react'
 import { Helmet } from 'react-helmet-async'
 
 import PrefetchLink from '@/components/PrefetchLink'
-import SectionTitle from '@/components/common/SectionTitle'
+import PageTitle from '@/components/common/PageTitle'
 import MainArea from '@/components/layout/MainArea'
 import { SITE_TITLE } from '@/config'
 import { apiGet } from '@/lib/api'
@@ -35,8 +35,9 @@ export default () => {
 	<Helmet>
 	  <title>Wiki | {SITE_TITLE}</title>
 	</Helmet>
+
 	<div className="max-w-xl">
-	  <SectionTitle>Wiki</SectionTitle>
+	  <PageTitle>Wiki</PageTitle>
 	  <form onSubmit={handleSearch} className="space-y-2">
 	    {/* タイトル */}
 	    <div>
@@ -68,7 +69,7 @@ export default () => {
 
 	<div className="mt-4">
 	  <table className="table-auto w-full border-collapse">
-	    <thead>
+	    <thead className="border-b-2 border-black dark:border-white">
 	      <tr>
 		<th className="p-2 text-left">タイトル</th>
 		<th className="p-2 text-left">最終更新</th>
@@ -76,13 +77,13 @@ export default () => {
 	    </thead>
 	    <tbody>
 	      {results.map (page => (
-		  <tr key={page.id}>
+		  <tr key={page.id} className="even:bg-gray-100 dark:even:bg-gray-700">
 		    <td className="p-2">
 		      <PrefetchLink to={`/wiki/${ encodeURIComponent (page.title) }`}>
 			{page.title}
 		      </PrefetchLink>
 		    </td>
-		    <td className="p-2 text-gray-100 text-sm">
+		    <td className="p-2">
 		      {page.updatedAt}
 		    </td>
 		  </tr>))}