From 7d1a87f4526f8c9214cf3fbbbcaca76ac2fa8666 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=BF=E3=81=A6=E3=82=8B=E3=81=9E?= <miteruzo@naver.com>
Date: Tue, 24 Feb 2026 21:29:00 +0900
Subject: [PATCH] =?UTF-8?q?=E8=A1=A8=E3=81=AE=E3=83=AC=E3=83=BC=E3=82=A2?=
 =?UTF-8?q?=E3=82=A6=E3=83=88=E7=B5=B1=E4=B8=80=EF=BC=88#194=EF=BC=89=20(#?=
 =?UTF-8?q?271)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#194

#194

Co-authored-by: miteruzo <miteruzo@naver.com>
Reviewed-on: https://git.miteruzo.com/miteruzo/btrc-hub/pulls/271
---
 frontend/src/pages/posts/PostHistoryPage.tsx | 14 +++++++++-----
 frontend/src/pages/tags/NicoTagListPage.tsx  | 10 +++++-----
 frontend/src/pages/wiki/WikiHistoryPage.tsx  | 10 +++++++---
 frontend/src/pages/wiki/WikiSearchPage.tsx   | 11 ++++++-----
 4 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/frontend/src/pages/posts/PostHistoryPage.tsx b/frontend/src/pages/posts/PostHistoryPage.tsx
index 0b09fe7..3fd444e 100644
--- a/frontend/src/pages/posts/PostHistoryPage.tsx
+++ b/frontend/src/pages/posts/PostHistoryPage.tsx
@@ -10,6 +10,7 @@ import MainArea from '@/components/layout/MainArea'
 import { SITE_TITLE } from '@/config'
 import { fetchPostChanges } from '@/lib/posts'
 import { postsKeys } from '@/lib/queryKeys'
+import { cn } from '@/lib/utils'
 
 import type { FC } from 'react'
 
@@ -44,7 +45,7 @@ export default (() => {
 	{loading ? 'Loading...' : (
 	    <>
 	      <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>
@@ -64,9 +65,12 @@ export default (() => {
 			  ++rowsCnt
 		      }
 		    return (
-			<tr key={`${ change.timestamp }-${ change.post.id }-${ change.tag.id }`}>
+			<tr key={`${ change.timestamp }-${ change.post.id }-${ change.tag.id }`}
+			    className={cn ('even:bg-gray-100 dark:even:bg-gray-700',
+					   withPost && 'border-t')}>
 			  {withPost && (
-			      <td className="align-top" rowSpan={rowsCnt}>
+			      <td className="align-top p-2 bg-white dark:bg-[#242424] border-r"
+				  rowSpan={rowsCnt}>
 				<PrefetchLink to={`/posts/${ change.post.id }`}>
 				  <img src={change.post.thumbnail || change.post.thumbnailBase || undefined}
 				       alt={change.post.title || change.post.url}
@@ -74,11 +78,11 @@ export default (() => {
 				       className="w-40"/>
 				</PrefetchLink>
 			      </td>)}
-			  <td>
+			  <td className="p-2">
 			    <TagLink tag={change.tag} withWiki={false} withCount={false}/>
 			    {`を${ change.changeType === 'add' ? '記載' : '消除' }`}
 			  </td>
-			  <td>
+			  <td className="p-2">
 			    {change.user ? (
 				<PrefetchLink to={`/users/${ change.user.id }`}>
 				  {change.user.name}
diff --git a/frontend/src/pages/tags/NicoTagListPage.tsx b/frontend/src/pages/tags/NicoTagListPage.tsx
index 08e485b..ed75dcb 100644
--- a/frontend/src/pages/tags/NicoTagListPage.tsx
+++ b/frontend/src/pages/tags/NicoTagListPage.tsx
@@ -2,7 +2,7 @@ import { useEffect, useRef, useState } from 'react'
 import { Helmet } from 'react-helmet-async'
 
 import TagLink from '@/components/TagLink'
-import SectionTitle from '@/components/common/SectionTitle'
+import PageTitle from '@/components/common/PageTitle'
 import TextArea from '@/components/common/TextArea'
 import MainArea from '@/components/layout/MainArea'
 import { toast } from '@/components/ui/use-toast'
@@ -92,13 +92,13 @@ export default ({ user }: Props) => {
 	</Helmet>
 
 	<div className="max-w-xl">
-	  <SectionTitle>ニコニコ連携</SectionTitle>
+	  <PageTitle>ニコニコ連携</PageTitle>
 	</div>
 
 	<div className="mt-4">
 	  {nicoTags.length > 0 && (
 	      <table className="table-auto w-full border-collapse mb-4">
-		<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>
@@ -107,7 +107,7 @@ export default ({ user }: Props) => {
 		</thead>
 		<tbody>
 		  {nicoTags.map ((tag, i) => (
-		      <tr key={i}>
+		      <tr key={i} className="even:bg-gray-100 dark:even:bg-gray-700">
 			<td className="p-2">
 			  <TagLink tag={tag} withWiki={false} withCount={false}/>
 			</td>
@@ -125,7 +125,7 @@ export default ({ user }: Props) => {
 			      </span>))}
 			</td>
 			{memberFlg && (
-			    <td>
+			    <td className="p-2">
 			      <a href="#" onClick={ev => {
 				ev.preventDefault ()
 				handleEdit (tag.id)
diff --git a/frontend/src/pages/wiki/WikiHistoryPage.tsx b/frontend/src/pages/wiki/WikiHistoryPage.tsx
index 427217c..1ed278a 100644
--- a/frontend/src/pages/wiki/WikiHistoryPage.tsx
+++ b/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 }`}>
diff --git a/frontend/src/pages/wiki/WikiSearchPage.tsx b/frontend/src/pages/wiki/WikiSearchPage.tsx
index 03c9d5b..bc3e3e7 100644
--- a/frontend/src/pages/wiki/WikiSearchPage.tsx
+++ b/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>))}